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

Vue项目运行报错:解决webpack版本问题「建议收藏」解决“Error:Rulecanonlyhaveoneresourcesource(providedresourceandtest+include+exclude)”前面也会报错找不到webpack,在package-lock.json里查找之,发现安装的版本竟然是5.1.0,而没有更新过依赖,可以正常编译的项目里都是4.x。那基本可以确认了。步骤:先删掉node_modules和package-lock.json手动在package.json

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE使用 1年只要46元 售后保障 童叟无欺

解决“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。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/169237.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号