fix: add id for stylesheet

opentiny · Dec 27, 2024 · e5189d0 · e5189d0
1 parent cb4a0e3
commit e5189d0
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/packages/block-compiler/src/index.ts b/packages/block-compiler/src/index.ts
@@ -86,7 +86,7 @@ const resolveRelativeImport = (code: string, globalGetterName = 'loadBlockCompon
         // 声明异步组件 const Block = defineAsyncComponent(() => import(getBlockUrl(Block)))
         magicStr.appendLeft(
           node.start!,
-          `const ${defaultImportId} = defineAsyncComponent(async () => window.${globalGetterName}('${fileName}'))`
+          `const ${defaultImportId} = defineAsyncComponent(() => window.${globalGetterName}('${fileName}'))`
         )
 
         // 移除 import Block from './Block.vue' 语句

diff --git a/packages/canvas/render/src/render.js b/packages/canvas/render/src/render.js
@@ -280,6 +280,7 @@ const loadBlockComponent = async (name) => {
       } else {
         const newStylesheet = document.createElement('style')
         newStylesheet.innerHTML = value.style
+        newStylesheet.setAttribute('id', fileName)
         document.head.appendChild(newStylesheet)
       }
     }
@@ -294,7 +295,7 @@ const loadBlockComponent = async (name) => {
 window.loadBlockComponent = loadBlockComponent
 
 const getBlockComponent = (name) => {
-  return defineAsyncComponent(async () => loadBlockComponent(name))
+  return defineAsyncComponent(() => loadBlockComponent(name))
 }
 
 // 移除区块缓存