Vue Syntax Error: Error: Node Sass version 7.0.1 is incompatible with ^4.0.0.

1 错误描述

启用 Vue 项目时报错:Syntax Error: Error: Node Sass version 7.0.1 is incompatible with ^4.0.0.

2 问题处理

上面的错误是表示安装的 Sass 版本过高,需要安装 4.x.x 版本的 Sass。

NodeJs 和 Sass 版本对照表:

NodeJSSupported node-sass versionNode Module
Node 177.0+102
Node 166.0+93
Node 155.0+, <7.088
Node 144.14+83
Node 134.13+, <5.079
Node 124.12+72
Node 114.10+, <5.067
Node 104.9+, <6.064
Node 84.5.3+, <5.057
Node <8<5.0<57

2.1 查看当前包列表,检查 Sass 版本

npm view

2.2 删除安装的高版本 Sass

npm uninstall node-sass

2.3 安装 4.x.x 版本的 Sass

npm install node-sass@4.14.1

这个错误通常是由于在引入第三方依赖的JS文件时出现了语法错误导致的。根据引用[1]的解决方法,你可以在vue.config.js文件中加入以下配置来解决这个问题:publicPath: process.env.NODE_ENV === "production" ? "./" : "/" 另外,根据引用的解决办法,你可以将第三方依赖的JS文件放到/static/目录下,并将引入路径改为:<script type="text/javascript" src="./static/amaze-vue.js"></script> 通过以上两种方法,你应该能够解决这个报错问题。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [Vue打包项目报错 Uncaught SyntaxError: Unexpected token ‘<‘ 的解决方法](https://blog.csdn.net/weixin_44934104/article/details/124750467)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"] - *2* [Vue项目报错:Uncaught SyntaxError: Unexpected token <](https://download.csdn.net/download/weixin_38593823/12949934)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"] - *3* [Vue项目报错:Uncaught SyntaxError: Unexpected token ](https://blog.csdn.net/qq_41999617/article/details/89025042)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值