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
相关推荐
heartmoonq1 分钟前
关于前端监控用户行为导致的报错
前端
已读不回1431 分钟前
告别痛苦的主题切换!用一个插件解决 Tailwind CSS 多主题开发的所有烦恼
前端·架构
JSPanda2 分钟前
Webpack插件开发避坑指南:三招制服Dev Server兼容性
webpack·node.js
pepedd8642 分钟前
🚀Webpack 从入门到优化,一文全掌握!
前端·webpack·trae
TimelessHaze3 分钟前
【面试考点】从URL输入到页面展示
前端·trae
玲小珑5 分钟前
LangChain.js 完全开发手册(一)AI 应用开发入门
前端·langchain·ai编程
excel5 分钟前
前端必修:从表单基础到富文本编辑,一文吃透 HTML 表单编程与交互
前端
袁煦丞7 分钟前
JuiceSSH你的口袋里的Linux操控台:cpolar内网穿透实验室第530个成功挑战
前端·程序员·远程工作
鹏多多11 分钟前
深入解析vue的transition过渡动画使用和优化
前端·javascript·vue.js
程序员小续23 分钟前
React 源码解读流程:从入口到渲染的全链路揭秘
前端·javascript·面试