靠谱!node版本与node-sass版本兼容

发布时间 2023-03-30 11:04:53作者: netcore_vue

node16+版本安装或者初始化带有node-sass和sass-loader包的项目报错的解决办法

方法一(一般):

1、卸载旧版本的node-sass和sass-loader,安装sass和sass-loader,不再使用node-sass

把node_modules和lock文件删除,再运行

npm uninstall node-sass

2、然后下载对应版本的

npm install sass-loader@8.0.2 sass@1.26.5 -D

node历史版本安装网址:
https://nodejs.org/en/download/releases/

方法二(一般):

安装node16+相对应版本的node-sass和sass-loader

npm i node-sass@6.0.1 sass-loader@10.2.0

如果使用方法二之后报错,可能是安装过程中某些包丢失,尝试以下方法解决:

npm rebuild node-sass

node版本与sass版本对应关系:node-sass - npm (npmjs.com)

可以使用以下版本的node与sass版本:

node版本: 12.16.0
node-sass版本: cnpm i node-sass@4.14.1 -S
sass-loader版本: cnpm i sass-loader@8.0.2 -S
node版本: 16.13.2
node-sass版本: cnpm i node-sass@6.0.1 -S
sass-loader版本: cnpm i sass-loader@10.2.1 -S

**deep由于node和sass版本不匹配,报错的解决办法: 尝试用 ::v-deep 替换 /deep/ **

 

 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

更新(2022.10.27)

  node版本:16.13.0 对应如下:

  npm install sass-loader@10.2.0 --save-dev

  npm install node-sass@6.0.1 --save-dev  

更新(2022.11.01)

  node版本:14.17.0 ,14.18.1对应如下:

  npm install sass-loader@7.3.1 node-sass@4.7.2 --save-dev