node-sass报错

项目由于安装node版本不同,安装依赖后导致项目运行失败并有报错问题

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


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


改错方法

1.删除webpack,重新装以前的版本
npm uninstall webpack
npm install webpack@^4.0.0 —savedev

 2.根据自己node.js版本下载对应的nodesass版本

对应关系如图:    (具体可以参考GitHub – sass/node-sass: Node.js bindings to libsass)

比如我是node16 ,所以下载6.0版本

卸载nodesass命令npm uninstall nodesass -D

重新安装指定版本号npm install node-sass@6.0.1

3.再根据node-sass6.0.1下载对应的sassloader版本

卸载sassloader命令:npm uninstall sassloader -D

重新安装指定版本号: npm install sassloader@10.2.0

若不知道自己node版本号对应哪个sassloader

请在CSDN中搜索Node **版本 对应node-sass和sass-loader的版本号

IDEA中操作

进入对应项目文件夹

 

 

原文地址:https://blog.csdn.net/m0_51589328/article/details/130113051

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任

如若转载,请注明出处:http://www.7code.cn/show_19888.html

如若内容造成侵权/违法违规/事实不符,请联系代码007邮箱suwngjj01@126.com进行投诉反馈,一经查实,立即删除

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注