vue Node Sass version 6.0.1 is incompatible with ^4.0.0 nodejs版本兼容问题 完全卸载node

*1 首先在cmd输入命令 node -v查看自己的node 版本 不建议安装最新的Node16 最新的版本往往存在兼容问题

vue Node Sass version 6.0.1 is incompatible with ^4.0.0 nodejs版本兼容问题 完全卸载node_第1张图片

2 官网的 Node JS对应的Node sass 如下所示

vue Node Sass version 6.0.1 is incompatible with ^4.0.0 nodejs版本兼容问题 完全卸载node_第2张图片

**

3 我安装的是node16 在运行VUE时出现报错如下 Node Sass version 6.0.1 is incompatible with ^4.0.0. node-sass 6.0.0版本与^4.0.0不兼容**

但是这里存在问题 假如你用的是node16
参照上图至少要用node sass 6+版本
假如降级node sass到4版本 那么node16 与 node sass不兼容

属实反复横跳 十分难受

*4 解决方案 对node16进行删除 后安装node14

5 如何从Windows中完全删除Node.js 如果删除不完全可能无法进行重装*

1.从卸载程序卸载程序和功能。

2.重新启动(或者您可能会从任务管理器中杀死所有与节点相关的进程)。

3.寻找这些文件夹并删除它们(及其内容)(如果还有)。根据您安装的版本,UAC设置和CPU架构,这些可能或可能不存在:

C:\Program Files (x86)\Nodejs
C:\Program Files\Nodejs
C:\Users{User}\AppData\Roaming\npm(或%appdata%\npm)
C:\Users{User}\AppData\Roaming\npm-cache(或%appdata%\npm-cache)

4.检查您的%PATH%环境变量以确保没有引用Nodejs或npm存在。

5.如果仍然没有卸载,请where node在命令提示符下键入,您将看到它所在的位置 – 删除(也可能是父目录)。

6.重新启动,很好的措施。

6 重新安装好后 在cmd控制台运行 node -v查看版本*

vue Node Sass version 6.0.1 is incompatible with ^4.0.0 nodejs版本兼容问题 完全卸载node_第3张图片

在vue中的 package.json中修改 sass-loder 和 node-sass
vue Node Sass version 6.0.1 is incompatible with ^4.0.0 nodejs版本兼容问题 完全卸载node_第4张图片

查看node-sass和sass-loader版本是否对应
以下是部分版本号对应,具体可百度

sass-loader 4.1.1,node-sass 4.3.0
sass-loader 7.0.3,node-sass 4.7.2
sass-loader 7.3.1,node-sass 4.7.2
sass-loader 7.3.1,node-sass 4.14.1

8 重新启动项目npm run dev 运行成功

你可能感兴趣的:(web前端,vue.js,sass,前端)