修改样式后启动项目失败

Question

错误提示： Node Sass version 6.0.1 is incompatible with ^4.0.0 || ^5.0.0.

我尝试过 yarn remove node-sass后, 再yarn add node-sass4或者5的低版本，仍然有bug(低版本和node的版本不兼容)。高版本的node-sass不行，低版本也不行，现在卡住了有点尴尬，请老师帮忙

根据StackOverflow上的讨论，这似乎是node-sass的一个bug：
https://stackoverflow.com/questions/64625050/error-node-sass-version-5-0-0-is-incompatible-with-4-0-0

请问老师如何处理好？是不是要把node换成低版本？一般在开发过程中，中途降低node的版本是否合适？

麻烦您参考这个代码，谢谢！

https://github.com/Hongjia-Liu/hong-ui/commit/9127c9f1adba73317ff7ec89e41d963b772c425c

Answer 1

张轩 2021-10-29 09:50:09

同学你好 也可以选择不使用 node-sass，这个项目现在要被废弃了，选择更好用的 dart sass，你贴出的问题中有对应的回答。

地址：https://stackoverflow.com/a/67495796

• Josh_T #1

  node version: v20.11.0
  react version: v18.2.0
  用了node-sass老是font-family那几个变量编译出错，
  换成dart-sass，又编译到$font-size-lg: $font-family-base * 1.25 !default;  出错
  一查，原来现在的sass不支持*号运算，换成除号$font-size-lg: $font-family-base / 1/1.25 !default;
  顺利编译通过，启动。

Answer 2

提问者 Hongjia 2021-10-29 09:03:48

通过nvm切换到低版本的node，安装低版本的node-sass，项目跑起来了。看来有时候版本太高也不行