webpack 打包过程中出现如下错误:

ERROR in ./src/main.js
Module build failed (from ./node_modules/babel-loader/lib/index.js):
Error: Cannot find module '@babel/core'

网上搜索后发现是因为版本不匹配的问题。如下图,babel-core 为 6.X 版本,babel-loader 为 8.X 版本。

解决方案如下:

1、降级版本

运行如下命令将 babel-loade 版本降低到 7.x 版本就可以了。

npm i babel-loader@7 -D

重新运行后可能会报错 transform-remobe-strict-mode 找不到,重新安装下即可。

2、升级版本

升级版本个人感觉比较麻烦,babel 7.x 版本改动比较大,如果你想升级版本需要将所有相关组件都升级到最新版本。如下,命名规则由 babel-* 变成了@babel/* 了。

这还不算完,babel 7.x 移除了 stage-0 ,详见这里 >>> https://babeljs.io/blog/2018/07/27/removing-babels-stage-presets ,所以你也要移除它,不然会报错!