webpack webpack-core LoadersList TypeError: r.forEach is not a function

报错代码：

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

 

更多实例应用扫码体验：