uni-app 更新nodejs版本后项目sass无法使用 编译失败 还原版本及重装sass插件均无效

uni-app 更新nodejs版本后项目sass无法使用 编译失败 还原版本及重装sass插件均无效

开发环境 版本号 项目创建方式
HbuilderX 3.1.13

示例代码：

Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
11:40:57.419 SassError: Can't find stylesheet to import.
@import './product.wxss';
^^^^^^^^^^^^^^^^

操作步骤：

  • 更新nodejs版本后

预期结果：

  • 能正常编译

实际结果：

  • 编译报错

bug描述：

更新nodejs版本后（发现问题还原版本都一样），项目sass无法使用，编译失败（重装sass插件）都不行； nodejs版本v12.22.1-x64、v14.15.5-x64都不行


更多关于uni-app 更新nodejs版本后项目sass无法使用 编译失败 还原版本及重装sass插件均无效的实战教程也可以访问 https://www.itying.com/category-93-b0.html

2 回复

把文件改为scss没报错，但很多项目一直都是使用wxss的，改起来太麻烦； 主要是为什么nodejs更新会导致失效

更多关于uni-app 更新nodejs版本后项目sass无法使用 编译失败 还原版本及重装sass插件均无效的实战教程也可以访问 https://www.itying.com/category-93-b0.html


这个问题通常是由于 Node.js 版本更新后，sass 相关依赖版本不兼容导致的。以下是解决方案：

  1. 清理并重新安装依赖
rm -rf node_modules package-lock.json
npm install
  1. 检查并更新 sass 相关依赖版本 确保 package.json 中的 sass 相关依赖版本兼容：
npm install sass-loader@^10.0.0 node-sass@^6.0.0 --save-dev

或使用 dart-sass：

npm install sass-loader@^10.0.0 sass --save-dev
  1. 检查项目配置 在 vue.config.js 或 uni-app 配置文件中确认 sass 配置：
module.exports = {
  css: {
    loaderOptions: {
      sass: {
        implementation: require('sass')
      }
    }
  }
}
回到顶部