node-sass 报错

背景:一些老项目使用"node-sass": "^4.14.1" ,node版本要求 14.x,高版本不兼容

解决方案如下:

方案一:替换安装sass (无须降级Node版本)

  1. 卸载node-sass

    bash 复制代码
    npm uninstall node-sass
  2. 安装sass(Dart Sass)

    node-sass已进入维护模式,官方推荐使用Dart Sass,无需修改Node.js环境,兼容性更好,支持最新特性

    bash 复制代码
    npm install sass --save-dev
  3. 启动项目时,此时会打印一些 Warning 过期告警,可忽略,如:

    bash 复制代码
    Deprecation Warning [import]: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.
    
    More info and automated migrator: https://sass-lang.com/d/import
    
        ╷
    113 │ @import './../assets/scss/config.scss';
        │         ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
        ╵
        stdin 113:9  root stylesheet

方案二:降级Node.js版本

如果必须使用node-sass:

  1. 卸载当前Node.js,安装Node.js 14.x LTS版本 (可使用nvm管理node版本)

  2. 清除npm缓存

    bash 复制代码
    npm cache clean --force
  3. 删除node_modules

    bash 复制代码
    rm -rf node_modules
  4. 重新安装依赖

    bash 复制代码
    npm install
相关推荐
小毛驴8502 分钟前
创建 Vue 项目的 4 种主流方式
前端·javascript·vue.js
誰能久伴不乏30 分钟前
Linux如何执行系统调用及高效执行系统调用:深入浅出的解析
java·服务器·前端
bingbingyihao36 分钟前
Node.js 模拟 Linux 环境
linux·node.js
涔溪2 小时前
响应式前端设计:CSS 自适应布局与字体大小的最佳实践
前端·css
今禾2 小时前
前端开发中的Mock技术:深入理解vite-plugin-mock
前端·react.js·vite
你这个年龄怎么睡得着的2 小时前
Babel AST 魔法:Vite 插件如何让你的 try...catch 不再“裸奔”?
前端·javascript·vite
我想说一句2 小时前
掘金移动端React开发实践:从布局到样式优化的完整指南
前端·react.js·前端框架
jqq6662 小时前
Vue3脚手架实现(九、渲染typescript配置)
前端
码间舞2 小时前
Zustand 与 useSyncExternalStore:现代 React 状态管理的极简之道
前端·react.js
Dream耀2 小时前
提升React移动端开发效率:Vant组件库
前端·javascript·前端框架