修改样式后启动项目失败

来源：4-6 初次亮相 - 添加 normalize.css

Hongjia

2021-10-29

错误提示： 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

写回答

2回答

张轩

2021-10-29

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

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

Josh_T

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; 顺利编译通过，启动。

2024-02-03

共1条回复