webpack又报错:BREAKING CHANGE: It's no longer allowed to omit the '-loader' suffix when using loaders.

完整错误信息如下:

ERROR in multi ./app/js/index.js
Module not found: Error: Can't resolve 'babel' in 'E:\works\ES6'
BREAKING CHANGE: It's no longer allowed to omit the '-loader' suffix when using loaders.
                 You need to specify 'babel-loader' instead of 'babel',
                 see https://webpack.js.org/migrate/3/#automatic-loader-module-name-extension-removed
 @ multi ./app/js/index.js index[0]

我的配置代码:

			module:{
				rules:[{
					test:/\.js$/,
					loader:'babel'
				}]
			}

翻译下错误信息:

不再允许在使用加载器时省略“-loader”后缀。你需要指定’babel-loader’而不是’babel’…

那好,赶紧加上-loader后缀:

			module:{
				rules:[{
					test:/\.js$/,
					loader:'babel-loader'
				}]
			}

运行,又报错:

ERROR in ./app/js/index.js
Module build failed (from ./node_modules/babel-loader/lib/index.js):
Error: Cannot find module '@babel/core'
 babel-loader@8 requires Babel 7.x (the package '@babel/core'). If you'd like to use Babel 6.x ('babel-core'), you should install 'babel-loader@7'.
    at Function.Module._resolveFilename (module.js:547:15)
    at Function.Module._load (module.js:474:25)
    at Module.require (module.js:596:17)
    at require (internal/module.js:11:18)
    at Object.<anonymous> (E:\works\ES6\node_modules\babel-loader\lib\index.js:10:11)
    at Module._compile (module.js:652:30)
    at Module._extensions..js (module.js:663:10)
    at Object.require.extensions.(anonymous function) [as .js] (E:\works\ES6\node_modules\babel-register\lib\node.js:152:7)
    at Module.load (module.js:565:32)
    at tryModuleLoad (module.js:505:12)
    at Function.Module._load (module.js:497:3)
    at Module.require (module.js:596:17)
    at require (internal/module.js:11:18)
    at loadLoader (E:\works\ES6\node_modules\loader-runner\lib\loadLoader.js:13:17)
    at iteratePitchingLoaders (E:\works\ES6\node_modules\loader-runner\lib\LoaderRunner.js:169:2)
    at runLoaders (E:\works\ES6\node_modules\loader-runner\lib\LoaderRunner.js:362:2)
 @ multi ./app/js/index.js index[0]

看起来大致试说 babel-loader 模块的版本的问题,赶紧百度,得一传送门:

webpack.config.js配置遇到Error: Cannot find module '@babel/core’问题

果然是版本的问题,只需要卸载原来的8.x的,安装7.x版本的就可以了:
npm uninstall babel-loader
npm install babel-loader@7.1.5
最后运行,问题完美解决!

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值