用户2803209
用户2803209
  • 发布:2025-08-05 20:20
  • 更新:2025-09-30 14:45
  • 阅读:219

【报Bug】vue3 支付宝小程序设置 styleIsolation,js和json文件值不同

分类:uni-app

产品分类: uniapp/小程序/阿里

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: 11

HBuilderX类型: 正式

HBuilderX版本号: 4.76

第三方开发者工具版本号: 最新

基础库版本号: 最新

项目创建方式: HBuilderX

操作步骤:

参考上面

预期结果:

一致

实际结果:

不一致

bug描述:

测试组件代码

<template>  
    <view>123</view>  
</template>  

<script setup>  
defineOptions({  
    styleIsolation: 'shared'  
})  
</script>

产物代码

// xxx.js  
"use strict";  
const _sfc_main = /* @__PURE__ */ Object.assign({  
  styleIsolation: "shared"  
}, {  
  __name: "test",  
  setup(__props) {  
    return (_ctx, _cache) => {  
      return {};  
    };  
  }  
});  
my.createComponent(_sfc_main);
// xxx.json  
{  
  "component": true,  
  "styleIsolation": "apply-shared",  
  "usingComponents": {}  
}

两个 styleIsolation 不一致

2025-08-05 20:20 负责人:DCloud_UNI_JBB 分享
已邀请:
DCloud_UNI_JBB

DCloud_UNI_JBB

感谢反馈,问题已复现,已加分。

  • z***@163.com

    这个问题一直存在的,微信小程序也一样,styleIsolation 要写在 defineComponent里面才会生效。

    2025-08-07 19:49

  • DCloud_UNI_JBB

    回复 z***@163.com: 会一起修复掉

    2025-08-07 20:53

DCloud_UNI_JBB

DCloud_UNI_JBB

4.81.2025091909-alpha 版本已修复此问题,可升级到此版本

7***@tmp.dcloud.io

7***@tmp.dcloud.io

@DCloud_UNI_JBB 这个是demo,用的4.81.2025091909-alpha 版本,编译到支付宝小程序,设置 styleIsolation查看代码js和json文件值不同

DCloud_UNI_JBB

DCloud_UNI_JBB

3.0.0-alpha-4080120250919001 测试未复现你说的问题

7***@tmp.dcloud.io

7***@tmp.dcloud.io

@DCloud_UNI_JBB 我下载的是window版本,真的不行,你用的是mac版本还是window版本?

要回复问题请先登录注册