加载 远程组件后 __scopedId 不会在dom 上生成 data-v-属性

[MzoroHaHa]

Vue version

3.5.18

Link to minimal reproduction

sorry

Steps to reproduce

project A:

main.ts

import Comp from '../src/lib-components/index' export const Components = Comp; export default {Components} export const componentNames = Object.keys(Components) 

/src/lib-components/index.ts

const UserQuery = () => import('./UserQueryComp.vue') const UserDept = () => import('./UserDeptComp.vue') export default { UserQuery, UserDept, } 

project B:

 import( /* @vite-ignore */`http:${entry}/${conf.libEntry}`).then(async (module: any) => { console.log(module) let rawComponent = await module.Components.UserDept() rawComponent = rawComponent.default // DyComp.value = defineAsyncComponent(() =>Promise.resolve(rawComponent)) const __scopeId = rawComponent.__scopeId || rawComponent.options?.__scopeId; DyComp.value = defineAsyncComponent(() => Promise.resolve(rawComponent) ) DyComp.value.__scopeId = __scopeId // 我必须重新设置 scopeId 才能保证页面上有这data-v属性 console.log(DyComp) }) 

但是这种情况不会发生在 Project B 中的异步组件上。

What is expected?

不需要重新设置一些属性，可以像本工程中的组件一样使用

What is actually happening?

scope 样式丢失

System Info

Any additional comments?

No response