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

最新推荐文章于 2025-03-17 17:58:34 发布

iteye_13003

最新推荐文章于 2025-03-17 17:58:34 发布

阅读量1.6k

点赞数

分类专栏： npm webpack 文章标签：乔乐共享众观千象每天进步一点点学习永无止境 webpack ViewUI

本文链接：https://blog.csdn.net/iteye_13003/article/details/82672013

版权

npm 同时被 2 个专栏收录

5 篇文章

订阅专栏

webpack

1 篇文章

订阅专栏

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

报错代码：

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