尝试运行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}]] }`
它告诉我我的预设选项无效,但我没有任何预设选项,而且从来没有任何预设选项,而且突然之间它会被打破。我需要更新/更改才能使其正常工作?
答案 0 :(得分:3)
您的.babelrc
文件似乎是正确的,只需确保已安装
通过
使用之前的所有预设 npm install babel-preset-es2015 babel-preset-react babel-preset-stage-2 --save-dev