配置 grunt bower-install 时遇到问题

Question

我对 Yeoman 工作流程很陌生（今天开始使用 Yeoman）。 我正在尝试安装grunt bower-install，以自动化资产管理流程。

问题是，尽管我按照文档中的说明执行到最后一个，但在尝试运行 grunt bower-install 时出现错误。

尝试从主目录运行此命令时，错误如下：

oleg@ob:~$ !!
Running "bower-install:app" (bower-install) task
Verifying property bower-install.app.src exists in config...ERROR
>> Unable to process task.
Warning: Required config property "bower-install.app.src" missing. Use --force to continue.

Aborted due to warnings.


Execution Time (2014-01-20 10:17:47 UTC)
loading tasks      3ms  ▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇ 25%
bower-install:app  8ms  ▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇ 67%
Total 12ms

进入应用目录并再次运行命令后，我得到一个不同的错误：

oleg@ob:~/app$ grunt bower-install
Loading "gruntfile.js" tasks...ERROR
>> Error: Unable to read "package.json" file (Error code: ENOENT).
Warning: Task "bower-install" not found. Use --force to continue.

Aborted due to warnings.

非常感谢任何帮助！

我的 Gruntfile.js（在 app/ 目录中）如下所示：

'use strict';

module.exports = function (grunt) {
    // Project configuration
    grunt.initConfig({
        // Metadata
        pkg: grunt.file.readJSON('package.json'),
        banner: '/*! <%= pkg.name %> - v<%= pkg.version %> - ' +
            '<%= grunt.template.today("yyyy-mm-dd") %>\n' +
            '<%= pkg.homepage ? "* " + pkg.homepage + "\\n" : "" %>' +
            '* Copyright (c) <%= grunt.template.today("yyyy") %> <%= pkg.author.name %>;' +
            ' Licensed <%= props.license %> */\n',
        // Task configuration
        concat: {
            options: {
                banner: '<%= banner %>',
                stripBanners: true
            },
            dist: {
                src: ['lib/<%= pkg.name %>.js'],
                dest: 'dist/<%= pkg.name %>.js'
            }
        },
        uglify: {
            options: {
                banner: '<%= banner %>'
            },
            dist: {
                src: '<%= concat.dist.dest %>',
                dest: 'dist/<%= pkg.name %>.min.js'
            }
        },
        'bower-install': {

          target: {
            // Point to the files that should be updated when
            // you run `grunt bower-install`
            src: ['/home/oleg/index.html'],

            // Optional:
            // ---------
            cwd: '',
            ignorePath: '',
            exclude: [],
            fileTypes: {}
          }
        },
        jshint: {
            options: {
                curly: true,
                eqeqeq: true,
                immed: true,
                latedef: true,
                newcap: true,
                noarg: true,
                sub: true,
                undef: true,
                unused: true,
                boss: true,
                eqnull: true,
                browser: true,
                globals: {
                    jQuery: true
                }
            },
            gruntfile: {
                src: 'gruntfile.js'
            },
            lib_test: {
                src: ['lib/**/*.js', 'test/**/*.js']
            }
        },
        qunit: {
            files: ['test/**/*.html']
        },
        watch: {
            gruntfile: {
                files: '<%= jshint.gruntfile.src %>',
                tasks: ['jshint:gruntfile']
            },
            lib_test: {
                files: '<%= jshint.lib_test.src %>',
                tasks: ['jshint:lib_test', 'qunit']
            }
        }
    });

    // These plugins provide necessary tasks
    grunt.loadNpmTasks('grunt-contrib-concat');
    grunt.loadNpmTasks('grunt-contrib-uglify');
    grunt.loadNpmTasks('grunt-contrib-qunit');
    grunt.loadNpmTasks('grunt-contrib-jshint');
    grunt.loadNpmTasks('grunt-contrib-watch');
    grunt.loadNpmTasks('grunt-bower-install');

    // Default task
    grunt.registerTask('default', ['jshint', 'qunit', 'concat', 'uglify']);
};

Answer 1

您可以从项目的根目录运行grunt 命令。但是，从这个错误来看，我相信你运行了错误的grunt-bower-install 子任务：

Running "bower-install:app" (bower-install) task
Verifying property bower-install.app.src exists in config...ERROR
>> Unable to process task.
Warning: Required config property "bower-install.app.src" missing.

如果您只是运行grunt bower-install，它应该可以工作。要么，要么重命名

'bower-install': {
    target: { /* ... */ }
}

到...

'bower-install': {
    app: { /* ... */ }
}

Answer 2

它告诉您项目目录中缺少 package.json 文件（“错误：无法读取“package.json”文件”）。

正如您在pkg: grunt.file.readJSON('package.json') 看到的那样，您的 gruntfile 会尝试读取该文件。

所以，创建 package.json，然后再试一次 grunt bower-install - 这至少会让你开始。

有关 package.json 文件的更多信息：https://npmjs.org/doc/json.html 和 http://package.json.nodejitsu.com/