当前位置:首页 > 开发 > 行业应用 > 正文

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

发表于: 2016-08-19   作者:qiaolevip   来源:转载   浏览:
摘要: 报错代码:node_modules/webpack/node_modules/webpack-core/lib/LoadersList.js:81 r.forEach(function(r){ ^ TypeError:r.forEachisnotafunction  当我们在使用webpack编译代码的时候,如果配置文件《webpack.config.js》格式不正确就会报错,而上面的

报错代码:

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

webpack webpack-core LoadersList TypeError: r.forEach is not a function_第1张图片

 

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

  • 0

    开心

    开心

  • 0

    板砖

    板砖

  • 0

    感动

    感动

  • 0

    有用

    有用

  • 0

    疑问

    疑问

  • 0

    难过

    难过

  • 0

    无聊

    无聊

  • 0

    震惊

    震惊

编辑推荐
React报错提示: Uncaught TypeError: _react2.default.render is not a function 报错原因: React版
React报错提示: Uncaught TypeError: _react2.default.findDOMNode is not a function 报错原因: Re
webpack入门--前端必备 webpack入门--前端必备 什么是 webpack? webpack是一款模块加载器兼打包工
info: by :panshang time: 2016-1-16 创建一个WebPack 可以通过browserify与gulp来创建一个React JS
今天在开发web程序时,用javascipt写了一个小函数,想用来做如下事情: 即,改变比列系数时,后面的
遇到的问题: JavaScript编译时Chrome报告Uncaught TypeError: undefined is not a function错误 **
webpack,前端代码构建工具类(我是这么理解的),对于他的解释网上有很多,自行百度吧。这里只是对
最近在使用webpack 感觉棒棒哒 下面这个简单的教程可以让你走入webpack的世界 欢迎使用webpack 这个
转: http://www.cnblogs.com/leinov/p/5241185.html webpack初识! 最近在使用webpack 感觉棒棒哒
终于到了webpack api这一篇,我都等不及了0.0; webpack is fed a configuration object. Depending
版权所有 IT知识库 CopyRight © 2009-2015 IT知识库 IT610.com , All Rights Reserved. 京ICP备09083238号