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

Logo

昇腾计算产业是基于昇腾系列(HUAWEI Ascend)处理器和基础软件构建的全栈 AI计算基础设施、行业应用及服务,https://devpress.csdn.net/organization/setting/general/146749包括昇腾系列处理器、系列硬件、CANN、AI计算框架、应用使能、开发工具链、管理运维工具、行业应用及服务等全产业链

更多推荐