错误显示Babel / React(未知选项)

时间:2017-02-22 16:15:20

标签: javascript reactjs webpack babel

尝试运行webpack时出现以下错误: 命令:webpack -d --watch

.babelrc:

{
 "presets" : ["es2015", "react", "stage-2"],
 "plugins" : ["transform-flow-comments"]
}

webpack config:

var webpack = require('webpack');
var path = require('path');
var FlowBabelWebpackPlugin = require('flow-babel-webpack-plugin');

var config = {
  plugins: [
    new FlowBabelWebpackPlugin(),
  ],
  entry: ['./src/app'],
  output: {
    path: path.join(__dirname, 'dist'),
    filename: 'bundle.js',

  },
   module : {
    loaders : [
      {
        test: /\.css$/,
        loader: 'style!css?modules',
        include: /flexboxgrid/,
      },
      { 
        test: /\.js$/,
        loaders: ['babel'],
        include: path.join(__dirname, 'src'),
      },
      {
        test: /\.less$/,
        loader: "style-loader!css-loader!less-loader"
      }
    ]
  }
};

module.exports = config;

ERROR in ./src/app.js
Module build failed: ReferenceError: [BABEL] /Users/ user/gocode/src/github.com/natdm/mobilebid/frontend_v2/src/app.js: Unknown option: /Users/user/gocode/src/github.com/natdm/mobilebid/frontend_v2/node_modules/react/react.js.Children. Check out http://babeljs.io/docs/usage/options/ for more information about options.

A common cause of this error is the presence of a configuration options object without the corresponding preset name. Example:

Invalid:
  `{ presets: [{option: value}] }`
Valid:
  `{ presets: [['presetName', {option: value}]] }`

它告诉我我的预设选项无效,但我没有任何预设选项,而且从来没有任何预设选项,而且突然之间它会被打破。我需要更新/更改才能使其正常工作?

1 个答案:

答案 0 :(得分:3)

您的.babelrc文件似乎是正确的,只需确保已安装

通过

使用之前的所有预设
  npm install babel-preset-es2015 babel-preset-react babel-preset-stage-2 --save-dev