1,webpack一入手就踩坑,打包时,各种报错,代码检查后正常,安装模版的时候都是最新版本,但是各模板最新的版本之间兼容却有问题,必须将某些模板降低版本。当时安装的最新版本如下图
2,npm run dev 后,先是报了 babel 的错误 “ Error: Cannot find module '@babel/core' ”,错误信息还算详细,直接说了babel-loader要换成7的版本,于是卸载babel-loader,安装低版本 。
npm uninstall babel-loader
npm install babel-loader@7.1.1 -D
3,再次运行后,提示要安装webpack-cli,安装后,依然报错,错误信息与webpack-dev-server有关,于是将webpack和webpack-dev-server 来回试了几个版本,终于成功,vue-loader也换成了13.0.0版本。报错信息和打包编译成功的信息如下图,供大家参考,如果其它版本匹配编译成功的,请在评论里分享,让大家少踩坑。
(webpack-cli 报错信息)
(webpack 和 webpack-dev-server 报错信息)
(打包编译成功的模板版本号)更换版本号的模板为:babel-loader 、 vue-loader 、 webpack 、 webpack-dev-server