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
相关推荐
研究点啥好呢3 小时前
Github热门项目推荐 | 创建你的像素风格!
c++·python·node.js·github·开源软件
xiaotao1313 小时前
第九章:Vite API 参考手册
前端·vite·前端打包
午安~婉3 小时前
Electron桌面应用聊天(续)
前端·javascript·electron
彧翎Pro3 小时前
基于 RO1 noetic 配置 robosense Helios 32(速腾) & xsense mti 300
前端·jvm
小码哥_常4 小时前
解锁系统设置新姿势:Activity嵌入全解析
前端
之歆4 小时前
前端存储方案对比:Cookie-Session-LocalStorage-IndexedDB
前端
哟哟耶耶4 小时前
vue3-单文件组件css功能(:deep,:slotted,:global,useCssModule,v-bind)
前端·javascript·css
是罐装可乐4 小时前
深入理解“句柄(Handle)“:从浏览器安全到文件系统访问
前端·javascript·安全
华科易迅4 小时前
Vue如何集成封装Axios
前端·javascript·vue.js
康一夏4 小时前
Next.js 13变化有多大?
前端·react·nextjs