web-dev-qa-db-ja.com

gruntで奇妙なエラーが発生する:オブジェクトGruntfile.jsにはメソッド 'flatten'がありません

Gruntを実行しようとすると、この奇妙なエラーが発生します:TypeError: Object Gruntfile.js has no method 'flatten'

Node.js、npm、gruntなどは初めてです。node、npm、gruntを適切にインストールしたと思いましたが、何かが足りなかった可能性があります。インストールを確認する方法はありますか?

$ cat xx
$ grunt

/home/cl/node_modules/grunt/node_modules/findup-sync/lib/findup-sync.js:33
    }).flatten().uniq().value();
       ^
TypeError: Object Gruntfile.js has no method 'flatten'
    at Object.module.exports [as findup] (/home/cl/node_modules/grunt/node_modules/findup-sync/lib/findup-sync.js:33:8)
    at Task.task.init (/home/cl/node_modules/grunt/lib/grunt/task.js:414:16)
    at Object.grunt.tasks (/home/cl/node_modules/grunt/lib/grunt.js:113:8)
    at Object.module.exports [as cli] (/home/cl/node_modules/grunt/lib/grunt/cli.js:38:9)
    at Object.<anonymous> (/usr/lib/node_modules/grunt-cli/bin/grunt:41:20)
    at Module._compile (module.js:456:26)
    at Object.Module._extensions..js (module.js:474:10)
    at Module.load (module.js:356:32)
    at Function.Module._load (module.js:312:12)
    at Function.Module.runMain (module.js:497:10)

問題のある行/ファイル:

/*
 * findup-sync
 * https://github.com/cowboy/node-findup-sync
 *
 * Copyright (c) 2013 "Cowboy" Ben Alman
 * Licensed under the MIT license.
 */

'use strict';

// Nodejs libs.
var path = require('path');

// External libs.
var glob = require('glob');
var _ = require('lodash');

// Search for a filename in the given directory or all parent directories.
module.exports = function(patterns, options) {
  // Normalize patterns to an array.
  if (!Array.isArray(patterns)) { patterns = [patterns]; }
  // Create globOptions so that it can be modified without mutating the
  // original object.
  var globOptions = Object.create(options || {});
  globOptions.maxDepth = 1;
  globOptions.cwd = path.resolve(globOptions.cwd || '.');

  var files, lastpath;
  do {
    // Search for files matching patterns.
    files = _(patterns).map(function(pattern) {
      return glob.sync(pattern, globOptions);
    }).flatten().uniq().value(); // <--------- OFFENDING LINE
    // Return file if found.
    if (files.length > 0) {
      return path.resolve(path.join(globOptions.cwd, files[0]));
    }
    // Go up a directory.
    lastpath = globOptions.cwd;
    globOptions.cwd = path.resolve(globOptions.cwd, '..');
  // If parentpath is the same as basedir, we can't go any higher.
  } while (globOptions.cwd !== lastpath);

  // No files were found!
  return null;
};

ls -l node_modules/の出力:

$ ls -l node_modules/
total 20
drwxrwxr-x. 6 a a 4096 Oct  2 00:42 grunt
drwxrwxr-x. 4 a a 4096 Oct  2 00:42 grunt-contrib-compass
drwxrwxr-x. 6 a a 4096 Oct  2 00:42 grunt-contrib-jshint
drwxrwxr-x. 6 a a 4096 Oct  2 00:42 grunt-contrib-watch
drwxrwxr-x. 4 a a 4096 Oct  2 00:42 grunt-dustjs

npm listの出力:

$ npm list
[email protected] /home/a/prep/main/web/client
├─┬ [email protected]
│ ├── [email protected]
│ ├── [email protected]
│ ├── [email protected]
│ ├── [email protected]
│ ├── [email protected]
│ ├─┬ [email protected]
│ │ └── [email protected]
│ ├─┬ [email protected]
│ │ ├── [email protected]
│ │ └── [email protected]
│ ├── [email protected]
│ ├── [email protected]
│ ├─┬ [email protected]
│ │ ├─┬ [email protected]
│ │ │ ├── [email protected]
│ │ │ └── [email protected]
│ │ └── [email protected]
│ ├── [email protected]
│ ├─┬ [email protected]
│ │ ├── [email protected]
│ │ └── [email protected]
│ ├─┬ [email protected]
│ │ └── [email protected]
│ ├─┬ [email protected]
│ │ └── [email protected]
│ ├── [email protected]
│ └── [email protected]
├─┬ [email protected]
│ ├── [email protected]
│ ├── [email protected]
│ └── [email protected]
├─┬ [email protected]
│ └─┬ [email protected]
│   ├─┬ [email protected]
│   │ └─┬ [email protected]
│   │   └── [email protected]
│   ├── [email protected]
│   ├─┬ [email protected]
│   │ ├── [email protected]
│   │ └── [email protected]
│   ├── [email protected]
│   └── [email protected]
├─┬ [email protected]
│ ├─┬ [email protected]
│ │ └─┬ [email protected]
│ │   ├─┬ [email protected]
│ │   │ ├── [email protected]
│ │   │ └── [email protected]
│ │   ├── [email protected]
│ │   └─┬ [email protected]
│ │     ├── [email protected]
│ │     └── [email protected]
│ └─┬ [email protected]
│   ├── [email protected]
│   ├── [email protected]
│   ├─┬ [email protected]
│   │ └─┬ [email protected]
│   │   └── [email protected]
│   └── [email protected]
└─┬ [email protected]
  └── [email protected]

cat package.jsonの出力:

$ cat package.json 
{
  "name": "prepscholar",
  "version": "0.0.0",
  "devDependencies": {
    "grunt": "~0.4.1",
    "grunt-contrib-jshint": "~0.6.4",
    "grunt-dustjs": "~1.1.1",
    "grunt-contrib-watch": "~0.5.3",
    "grunt-contrib-compass": "~0.5.0"
  }
}

cat Gruntfile.jsの出力:

$ cat Gruntfile.js 

module.exports = function(grunt) {

  grunt.initConfig({
    pkg: grunt.file.readJSON('package.json'),
    jshint: {
      files: ['Gruntfile.js', 'app/js/**/*.js', '!app/js/lib/**/*.js']
    },
    dustjs: {
      compile: {
        src: ['app/templates/**/*.html'],
        dest: 'app/js/templates.js'
      }
    },
    compass: {
      dev: {
        options: {
          sassDir: 'app/sass',
          cssDir: 'app/css',
          imagesDir: 'app/img',
          fontsDir: 'app/fonts',
          javascriptsDir: 'app/js/app',
          outputStyle: 'compressed'
        }
      }
    },
    watch: {
      gruntfile: {
        files: 'Gruntfile.js',
        tasks: ['compile']
      },
      css: {
        files: 'app/sass/**/*.scss',
        tasks: ['compass:dev']
      },
      livereload: {
        options: { livereload: true },
        files: ['app/css/**/*']
      },
      dust: {
        files: 'app/templates/**/*.html',
        tasks: ['dustjs']
      }
    }
  });

  grunt.loadNpmTasks('grunt-contrib-jshint');
  grunt.loadNpmTasks('grunt-contrib-compass');
  grunt.loadNpmTasks('grunt-contrib-watch');
  grunt.loadNpmTasks('grunt-dustjs');
  grunt.loadNpmTasks('underscore');

  grunt.registerTask('default', ['compile', 'watch']);
  grunt.registerTask('compile', ['dust', 'compass']);
  grunt.registerTask('dust', ['dustjs']);
  grunt.registerTask('lint', ['jshint']);
};
16
necromancer

https://github.com/gruntjs/grunt/issues/888distで.gitignoreに書かれているように

お役に立てば幸いです

9
crabcz

https://github.com/gruntjs/grunt/issues/888 のように、これが機能することがわかりました

rm -rf node_modules/grunt
npm install grunt

これも機能するはずです。

20
beeryardtech

ノードモジュールを再インストールしてみてください。

  1. Node_modulesフォルダーを削除します
  2. 行う npm cache clean
  3. 行う npm install

それが役に立てば幸い :)

19
Kahlil Lechelt

Gruntモジュールの1つが使用しようとしているようです nderscore.js ですが、インストールされていません。これで問題が解決するはずです。

npm install underscore

またはさらに良いことに、package.jsonの開発依存関係としてアンダースコアを追加します。

{
  <your existing stuff here>
  "devDependencies": {
    "underscore": "~1.5.2"
  }
}
2
ksimons