【报Bug】页面使用 skyline 模式渲染时，styleIsolation 配置已经被废弃了，页面的样式无法共享到组件（uniapp+vue3+ts 项目）

分类：uni-app

bug反馈

产品分类： uniapp/小程序/微信

PC开发环境操作系统： Windows

PC开发环境操作系统版本号： Win11 家庭中文版 - 23H2 - 22631.3007

第三方开发者工具版本号： Stable 1.06.2401020

基础库版本号： 3.3.4

项目创建方式： CLI

CLI版本号： 3.0.0-3090920231225001

操作步骤：

给 webview 渲染的项目的单个页面升级成 skyline 渲染。

manifest.json 中的 mp-weixin 添加如下配置：

"lazyCodeLoading": "requiredComponents",  
"rendererOptions": {  
  "skyline": {  
    "defaultDisplayBlock": true,  
    "defaultContentBox": true  
  }  
},

page.json 中的 pages 的某个页面下的 style 添加如下配置：

"renderer": "skyline",  
"componentFramework": "glass-easel",  
"disableScroll": true,  
"navigationStyle": "custom",

这个页面给标签设置一些全局样式如 box-sizing: border-box;，编译项目，开发工具开启 skyline 渲染调试。

预期结果：

样式可以作用于页面中的组件。

实际结果：

样式无法作用于页面中的组件。

bug描述：

页面使用 skyline 模式渲染时，如下代码不起作用：

<script lang="ts">  
import { defineComponent } from 'vue'  

export default defineComponent({  
  options: {  
    styleIsolation: 'shared',  
  },  
})  
</script>

开发工具控制台提示

Dynamic `styleIsolation` option in component definition of "pages/index/index" have been deprecated, and will NOT take effect in glass-easel. Consider migrating this option to component static config (pages/index/index.json) by adding `{ "styleIsolation": "shared" }`.

貌似是 options: { styleIsolation: "shared" } 生成的配置已经被废弃了，页面的样式无法共享到组件。

文档中也没有找到新的方法。

2024-02-13 17:58 负责人:无分享

1 个回复

YUANRJ

https://ask.dcloud.net.cn/question/178062

要回复问题请先登录或注册

【报Bug】页面使用 skyline 模式渲染时，styleIsolation 配置已经被废弃了，页面的样式无法共享到组件（uniapp+vue3+ts 项目）

预期结果：

样式可以作用于页面中的组件。

实际结果：

样式无法作用于页面中的组件。

bug描述：

1 个回复

公告

相关问题

【报Bug】页面使用 skyline 模式渲染时，styleIsolation 配置已经被废弃了，页面的样式无法共享到组件（uniapp+vue3+ts 项目）

预期结果： 样式可以作用于页面中的组件。

实际结果： 样式无法作用于页面中的组件。

bug描述：

与内容相关的链接

1 个回复

公告

相关问题

预期结果：

样式可以作用于页面中的组件。

实际结果：

样式无法作用于页面中的组件。