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
相关推荐
静水leo14 分钟前
使用 Whistle 拦截接口并模拟后端响应
前端
掘金者阿豪25 分钟前
SQL Server数据迁移完成后,凌晨的数据库告警该怎么查?
前端·后端
JudithHuang28 分钟前
React 嵌套路由与布局
前端·react.js·arcgis·react·react router
htzyl20638 分钟前
前端阶梯——第四十三章、实战二:待办清单To-Do
前端·javascript·html
摹客2 小时前
【3D设计】界面设计中的3D元素:应用场景+5款工具横评(含Three.js)
前端
Hilaku2 小时前
CORS 到底在保护谁?90% 的前端理解错了跨域的本质
前端·javascript·程序员
wno7042 小时前
node.js中使用jquery
前端·node.js·jquery
阿琳a_2 小时前
b-map-viewer:面向 Vue 3 的地图可视化 SDK,从接入到展示再到交互分析
前端·javascript·vue.js·gis·数据可视化·地图
10年前端老司机2 小时前
Agent 商业化困局:热闹的发布会,冷清的付费客户
前端·后端·agent