【前端错题集】 ERROR ValidationError: Progress Plugin Invalid Options

5,307 阅读1分钟

这是一个Vue2.x的项目

在将代码从github上clone下来,安装好依赖后执行npm run serve后,报错

error1.png

看到这个错误的第一眼,就觉得很熟悉,应该是以前也遇到过。这应该是一个依赖之间版本不兼容的问题。

于是执行npm audit fix --force试试看能不能跑起来

success run serve.png

成功运行!

但是在打包的时候又出现了这个问题,导致无法打包成功

error1.png

我知道这是打包用的webpack与其他依赖产生了版本冲突。

要查最适合的webpack版本未免有点麻烦

于是我灵机一动,先将webpack卸载掉,应该会提示哪些包需要webpack,需要什么版本。

uninstall webpack.png

果然出现了很多警告,在这些警告中找一个都能用的webpack版本进行安装就可以了,我在这里安装的是webpack@5.0.0版本

安装完后的依赖包:

rely package.png

之后运行npm run build就没有问题了

build success.png

大功告成!