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

最新推荐文章于 2023-03-25 11:00:16 发布

原创最新推荐文章于 2023-03-25 11:00:16 发布 · 1.6k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#乔乐共享 #众观千象 #每天进步一点点 #学习永无止境 #webpack #ViewUI

npm 同时被 2 个专栏收录

5 篇文章

订阅专栏

webpack

1 篇文章

订阅专栏

本文介绍了在使用webpack编译时遇到`TypeError: r.forEach is not a function`错误的解决方法。错误源于webpack配置文件中loaders部分的格式不正确。通过检查并修正配置，可以解决此问题。同时，文章提供了技术交流的渠道和React在线学习资源。

报错代码：

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')
}

遇到问题也不要担心，找到问题解决就好。

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

有疑问或技术交流，扫描公众号一起讨论学习。

更多React在线学习访问：http://each.sinaapp.com/react/index.html