sassImplementationName:"node-sass" 在uni-app中为什么不生效

sassImplementationName:“node-sass” 在uni-app中为什么不生效

项目属性
产品分类 uniapp/App
PC开发环境操作系统 Windows
PC开发环境操作系统版本号 4.65
HBuilderX类型 正式
HBuilderX版本号 4.65
手机系统 Android
手机系统版本号 Android 15
手机厂商 华为
手机机型 13888888888
页面类型 vue
vue版本 vue2
打包方式 云端
项目创建方式 HBuilderX

操作步骤:

图上你自己看啊

预期结果:

图上你自己看啊

实际结果:

图上你自己看啊

bug描述:

我手贱啊, 第一次升级已经吃过一次亏了, 配置了很久项目才跑起来, 这次手贱又升级, 项目又挂了

下面几个问题

  • 你们重构自己不测试码
  • 上次我看社区已经吐槽的不行了, 这次继续


更多关于sassImplementationName:"node-sass" 在uni-app中为什么不生效的实战教程也可以访问 https://www.itying.com/category-93-b0.html

2 回复

node-sass已经被启用了,如果需要使用可以试试node 14版本。我是在这个版本下编译

更多关于sassImplementationName:"node-sass" 在uni-app中为什么不生效的实战教程也可以访问 https://www.itying.com/category-93-b0.html


在uni-app中使用sassImplementationName:"node-sass"不生效的主要原因如下:

  1. uni-app从HBuilderX 3.6.0版本开始已经默认使用dart-sass替代node-sass,这是官方推荐的sass实现方式。

  2. 如果项目是通过HBuilderX创建的,建议检查以下配置:

  • 确保项目根目录的package.json中已正确安装node-sass依赖
  • 检查vue.config.js中是否配置了正确的sass实现
  1. 解决方案:
  • 推荐升级到dart-sass(安装sass包)
  • 如需继续使用node-sass,请确保:
    1. 已安装node-sass:npm install node-sass --save-dev
    2. 在项目根目录创建或修改vue.config.js
    module.exports = {
      css: {
        loaderOptions: {
          sass: {
            implementation: require('node-sass')
          }
        }
      }
    }
回到顶部