Loading "Gruntfile.js" tasks...ERROR while running `grunt`

Question

I'm new to the Grunt world.

After installing grunt-cli, and all the dependencies, here is my : Gruntfile.js

/*
        Grunt installation:
        -------------------
            npm install -g grunt-cli
            npm install -g grunt-init
            npm init (creates a `package.json` file)

        Project Dependencies:
        ---------------------
            npm install grunt --save-dev
            npm install grunt-contrib-concat --save-dev
            npm install grunt-contrib-watch --save-dev



        Example Usage:
        --------------
            grunt -v
            grunt release -v

*/


module.exports = function(grunt) {
    "use strict";

    grunt.initConfig({

        concat: {

            js: {
                src: ['js/bootstrap.min.js', 'js/jquery-1.10.2.min.js'],
                dest: 'build/js/scripts.js'
            },

            css: {
                src: ['css/bootstrap.min.css', 'css/font-awesome.min.css'],
                dest: 'build/css/styles.css'
            }
        },

        watch: {

            js: {
                files: ['js/**/*.js'],
                task: ['concat:js']
            },

            css: {
                files: ['css/**/*.css'],
                task: ['concat:css']
            }
        }

    });

    grunt.loadNpmTasks('grunt-contrib-concat');
    grunt.loadNpmTasksNpmTasks('grunt-contrib-watch');
    grunt.registerTask('default', ['concat', 'watch']);

};

Result

Now the testing part, I tried run grunt, I kept getting :

Loading "Gruntfile.js" tasks...ERROR
>> TypeError: undefined is not a function
Warning: Task "default" not found. Use --force to continue.

Aborted due to warnings.

Can someone please tell me what did I do wrong here ?

It doesn't understand grunt.loadNpmTasksNpmTasks. It should be grunt.loadNpmTasks like the previous one. I think it's just confused. — Andy
– Andy, Commented May 11, 2015 at 15:26

Daniel Imms · Accepted Answer · 2015-05-11 15:27:33Z

3

It looks like the default target is not being created properly due to a typo. Try renaming

grunt.loadNpmTasksNpmTasks('grunt-contrib-watch');

to

grunt.loadNpmTasks('grunt-contrib-watch');

edited May 11, 2015 at 15:27

answered May 11, 2015 at 15:26

Daniel Imms

50.6k19 gold badges157 silver badges170 bronze badges

Sign up to request clarification or add additional context in comments.

7 Comments

code-8 Over a year ago

Any diff between them ?

Andy Over a year ago

The first isn't a valid grunt method.

code-8 Over a year ago

Quick question, I seem to be halting say Running Watch task Waiting ...

Daniel Imms Over a year ago

grunt-contrib-watch is meant to do that, it's saying that the program is waiting, listening (watching) for changes.

code-8 Over a year ago

IS there a way to configure my grunt watch to do nothing if nothing has been change ?

|

Siddharth Jain · Accepted Answer · 2020-05-29 08:04:50Z

1

Have faced similar issues and tried below command where your node modules is installed which resolved issue for me:

npm install --unsafe-perm

edited May 29, 2020 at 8:04

answered Nov 30, 2018 at 11:39

Siddharth Jain

8909 silver badges16 bronze badges

Collectives™ on Stack Overflow

Loading "Gruntfile.js" tasks...ERROR while running `grunt`

Result

2 Answers 2

7 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

Result

2 Answers 2

7 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related