Vue项目运行报错：解决webpack版本问题「建议收藏」

大家好，又见面了，我是你们的朋友全栈君。

解决“Error: Rule can only have one resource source (provided resource and test + include + exclude)”

前面也会报错找不到 webpack ，在 package-lock.json 里查找之，发现安装的版本竟然是 5.1.0，而没有更新过依赖，可以正常编译的项目里都是 4.x。那基本可以确认了。

步骤：

先删掉 node_modules 和 package-lock.json 手动在 package.json 的 devDependencies 里添加 “webpack”: “^4.44.2” 重新安装全部依赖： npm i 尝试编译，npm run build，发现问题解决

总结

我猜问题是这样的：某些新版本的库要求 webpack@5，更新依赖时，根据依赖选择的规则，就以 webpack@5 作为主依赖安装。然而 @vue/cli 依赖 webpack@4，它自带的 webpack 配置无法兼容 webpack@5 ，于是就报错，不能继续编译。如果你也在使用 @vue/cli，那么请不要贸然升级 webpack@5。

发布者：全栈程序员栈长，转载请注明出处：https://javaforall.cn/169237.html原文链接：https://javaforall.cn