报错代码:
node_modules/webpack/node_modules/webpack-core/lib/LoadersList.js:81 r.forEach(function(r) { ^ TypeError: r.forEach is not a function
当我们在使用webpack编译代码的时候,如果配置文件《webpack.config.js》格式不正确就会报错,而上面的也是webpack经常会遇到的错误,根据提示,我们发现是 LoadersList报错的,那我们就定位在配置文件里面的loaders部分,看看哪里出现问题了,定位发现:
// 之前的配置: loaders: [{ test: /\.jsx?$/, loaders: ['babel?presets[]=es2015&presets[]=react'], include: path.join(__dirname, 'app/scripts') } // 当我们添加 .babelrc来替代 babel 参数的时候,修改成: loaders: [{ test: /\.jsx?$/, loaders: 'babel', // 问题出现在这里,我们改了后面的loader,前面的s代表集合代码就冲突了 include: path.join(__dirname, 'app/scripts') }
正确的配置:
// 当是一个loader就用loader,集合就用loaders +s
loaders: [{
test: /\.jsx?$/,
loader: 'babel',
include: path.join(__dirname, 'app/scripts')
}
遇到问题也不要担心,找到问题解决就好。
有疑问或技术交流,扫描公众号一起讨论学习。
更多React在线学习访问:http://each.sinaapp.com/react/index.html