uni-app HBuilderX Arm版sass编译报错

uni-app HBuilderX Arm版sass编译报错

项目信息 详情
产品分类 uniapp/App
PC开发环境 Windows
PC开发环境版本 Windows 10
HBuilderX类型 Alpha
HBuilderX版本 4.53
手机系统 全部
手机系统版本 Android 15
手机厂商 模拟器
手机机型 雷电
页面类型 vue
vue版本 vue2
打包方式 云端
项目创建方式 HBuilderX

操作步骤：

  • 直接运行项目到浏览器就直接报错

预期结果：

  • 成功运行

实际结果：

  • 报错无法运行

图像


更多关于uni-app HBuilderX Arm版sass编译报错的实战教程也可以访问 https://www.itying.com/category-93-b0.html

3 回复

HBuilderX arm版，uniapp编译器，将node-sass替换为了dart-sass，因为node-sass其官方已经不维护且不支持arm。 帖子中的截图，是sass语法兼容的问题。
解决方案：

切换回HBuilderX intel版本。
将/deep/改为 v-deep

可以搜索了解下dart-sass和node-sass 的区别。

更多关于uni-app HBuilderX Arm版sass编译报错的实战教程也可以访问 https://www.itying.com/category-93-b0.html


1.calc(100% - 40px)，需要在计算符号前后带上空格；

vue2中/deep/改成::v-deep **，vue3中使用:deep(选择器)

根据您提供的信息和截图，这是一个在HBuilderX Arm版上编译Sass时出现的node-sass兼容性问题。以下是关键点分析：

  1. 根本原因是node-sass模块在Arm架构下不兼容，报错显示"Node Sass does not yet support your current environment"

  2. 解决方案建议：

  • 改用dart-sass替代node-sass（推荐方案） 在项目package.json中将node-sass替换为sass：

    "devDependencies": {
  "sass": "^1.32.0",
  "sass-loader": "^10.0.0"
}

  • 或者尝试重建node-sass：

    npm rebuild node-sass
回到顶部