Webpack/Babel/React build error: “ Unknown option: foo/node_module/response/React.js. Children”

我正在尝试用 webpack 构建一个项目,并对 webpack 配置做出反应:

var path = require('path');
var webpack = require('webpack');


module.exports = {
entry: [
'babel-polyfill',
'./app/less/main.less',
'./app/main.js',
'webpack-dev-server/client?http://localhost:8080'
],
output: {
publicPath: '/',
filename: 'dist/main.js'
},
debug: true,
devtool: 'source-map',
module: {
loaders: [
{
test: /\.js$/,
include: path.join(__dirname, 'app'),


loader: 'babel-loader',
query: {
presets: ['react', 'es2015']
}
},
{
test: /\.less$/,
loader: "style!css!autoprefixer!less"
},
]
}
};

我确信我有所需的 PM 模块太和有网络包安装,但是当运行网络包我得到:

Module build failed: ReferenceError: [BABEL] /Users/me/foo/app/main.js: Unknown option: foo/node_modules/react/react.js.Children

有什么想法吗?

12900 次浏览

对不起,我忘了安装 babel-preset-react:

$ npm install babel-preset-react --save-dev

我只是想补充说,我得到了错误 之后我卸载了一个旧的 npm 模块,我不再使用在我的项目。这很奇怪,因为我没有在任何地方使用它——卸载没有在任何地方使用的东西怎么会导致错误呢?

结果发现其中一个模块 子依赖项具有 bel-preset-response,我在启动它的时候错过了将其安装到我自己的项目中。因此,卸载该软件包也卸载了关键的巴贝尔预设-反应!

在超过一年的时间里,我的反应应用程序可以编译感谢另一个软件包的子依赖..。


所以,是的,安装巴贝尔预置反应解决了我的问题。