"Warning: Task "babel“未找到。使用 --force 继续。”

Question

我的 gruntfile.js 上有这个简单的代码：

module.exports = function (grunt)
{
 require("load-grunt-tasks")(grunt); // npm install --save-dev load-grunt-tasks

  grunt.initConfig({
    babel: {
      options: {
        sourceMap: true
      },
      dist: {
        files: {
          "dist/app.js": ["src/app.js"]
        }
      }
    }
  });

  grunt.registerTask("default", ["babel"]);

};

但当运行:

时显示此错误

Warning: Task "babel" not found. Use --force to continue.

Aborted due to warnings.

Process finished with exit code 3

有什么帮助吗？永远不要从 ecmascript 6 转换为 5 :(

这里是我的文件：

http://www.mediafire.com/download/nabq78bs323u47b/DemoBable.zip

Answer 1

我下载了你的代码来尝试帮助你。我做到了。请看下面我的步骤：

第一步：进入项目根目录

cd DemoBable

第 2 步：安装 grunt

npm install --save-dev grunt

第 3 步：安装 load-grunt-tasks

npm install --save-dev load-grunt-tasks

第 4 步：安装 grunt-babel

npm install --save-dev grunt-babel

第 5 步：最后，运行它

grunt

输出应该是：

Running "babel:dist" (babel) task

Done, without errors.

已编辑

将代码转换为 ecma 5。您的 gruntfile.js 应该是：

module.exports = function (grunt)
{
    require("load-grunt-tasks")(grunt); // npm install --save-dev load-grunt-tasks

    grunt.initConfig({
        "babel": {
            options: {
                sourceMap: true,
                presets: ['es2015']
            },
            dist: {
                files: {
                    "dist/app.js": "src/app.js"
                }
            }
        }
    });

    grunt.registerTask("default", ["babel"]);
};

而且你必须安装 babel-preset-es2015:

npm install --save-dev babel-preset-es2015

"Warning: Task "babel“未找到。使用 --force 继续。”

"Warning: Task "babel" not found. Use --force to continue."

javascript

webstorm

gruntjs

babeljs