uni-app HBuilder 3.3.4 更新升级后 nvue 页面 scss 条件编译依然不生效

uni-app HBuilder 3.3.4 更新升级后 nvue 页面 scss 条件编译依然不生效

项目信息 详细信息
产品分类 uniapp/App
PC开发环境操作系统 Windows
PC开发环境操作系统版本号 22523.1000
HBuilderX类型 正式
HBuilderX版本号 3.3.4
手机系统 Android
手机系统版本号 Android 12
手机厂商 小米
手机机型 小米8
页面类型 nvue
vue版本 vue2
打包方式 云端
项目创建方式 HBuilderX

操作步骤：

看标题就知道怎么复现

预期结果：

不报错

实际结果：

报错

bug描述：

3.3.4 更新中有一个内容是

  • 【uni-app插件】
    • App平台 修复 nvue 页面使用 scss/sass 时条件编译不生效的Bug
      升级完 依然存在此问题


更多关于uni-app HBuilder 3.3.4 更新升级后 nvue 页面 scss 条件编译依然不生效的实战教程也可以访问 https://www.itying.com/category-93-b0.html

23 回复

当前版本解决方案，替换编译器代码，下载附件加压替换到 Mac：HBuilderX/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/ Windows：HBuilderX\plugins\uniapp-cli\node_modules[@dcloudio](/user/dcloudio)\vue-cli-plugin-uni<br>

更多关于uni-app HBuilder 3.3.4 更新升级后 nvue 页面 scss 条件编译依然不生效的实战教程也可以访问 https://www.itying.com/category-93-b0.html


3.3.5.20211229 依然有这个问题

这种写BUG的能力 跟我有的一拼

PS:基座也重新打过了

官方已修复了，等发新版本吧，我已经测过了

+1 还是没修复

今日工作内容:又写了几个新的BUG

我还以为就我一个有这个问题

好家伙 连续两个包都是修复这个问题 愣是没修复

这特么 一个项目 都做了一年多了 现在突然报这些错 真特么有意思

我强制打包了下，虽然编译一直报错，但是用起来暂时没发现问题，还是不敢发布版本。等修复。实在不行，就是自己删除兼容代码了。糟心

是的，3.3.5版本这个问题还是没解决。然而自从昨天升级3.3.4版本后,mac平台下开发工具都有问题了。

我为啥没有复现到,你们有谁能把这个问题的demo给我个,我复现一下

scss文件里使用条件编译#ifdef APP-NVUE在nvue文件中引用就会复现

3.3.5 条件编译有问题的请提供测试代码

vue nuve共存的情况下，公共样式用了weex不支持的属性，公共样式文件scss下编译就报错，这个直接可以简单测试就出来了。原因就是scss下条件编译失效导致。 3.3.5给出的修复中有解决这个问题，实际上，还是没有。

我也遇到了，nvue页面样式全乱了，我只能单独给nvue页面单独写样式才搞好

官方已修复了，等发新版本吧，我已经测过了

回复 4***@qq.com: 3.3.5已经修复了？还是下个版本？

回复 Absorbed66c: 下一个版本，我是官方测试人员单独发的包测试的。我准备实测是正常了

nvue语法是怎么用的？

具体查文档 有些样式不能用 有些专门的组件啥的

根据你提供的信息，这个问题的确是在HBuilderX 3.3.4版本更新日志中明确修复的Bug。但实际升级后问题依旧，这通常有几种可能的原因和排查方向：

  1. 项目缓存未清理：HBuilderX的更新可能没有完全清除之前的编译缓存。请尝试以下操作：

    • 菜单栏点击【项目】->【清理项目缓存并重新运行】
    • 如果问题依旧，可以手动删除项目根目录下的unpackage、node_modules文件夹（如有），然后重新安装依赖

  2. 条件编译语法问题：请确认你的SCSS条件编译语法是否正确。在nvue页面中，SCSS的条件编译应该这样写：

    /* #ifdef APP-PLUS */
.nvue-style {
  color: #007AFF;
}
/* #endif */
回到顶部