fix: naive ui编译错误

Groupguanfang · Dec 6, 2024 · bd40004 · bd40004
1 parent ae34cc5
commit bd40004
Show file tree

Hide file tree

Showing 4 changed files with 17 additions and 1 deletion.
diff --git a/package.json b/package.json
@@ -45,6 +45,7 @@
   },
   "devDependencies": {
     "@antfu/eslint-config": "^2.27.3",
+    "@css-render/vue3-ssr": "^0.15.14",
     "@iconify-json/carbon": "^1.2.4",
     "@iconify-json/ph": "^1.2.1",
     "@intlify/unplugin-vue-i18n": "^4.0.0",

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/types/components.d.ts b/types/components.d.ts
@@ -19,7 +19,6 @@ declare module 'vue' {
     NSpin: typeof import('naive-ui')['NSpin']
     NSwitch: typeof import('naive-ui')['NSwitch']
     NTooltip: typeof import('naive-ui')['NTooltip']
-    PCOperationLayer: typeof import('./components/PCOperationLayer.vue')['default']
     PlayerBar: typeof import('./../frontend/components/player-bar.vue')['default']
     README: typeof import('./../frontend/components/README.md')['default']
     RouterLink: typeof import('vue-router')['RouterLink']

diff --git a/vite.config.ts b/vite.config.ts
@@ -196,6 +196,19 @@ export default defineConfig({
       await buildServer()
       generateSitemap({ outDir: './dist/frontend' })
     },
+    async onBeforePageRender(_, __, appCtx) {
+      // eslint-disable-next-line ts/ban-ts-comment
+      // @ts-expect-error
+      const { collect } = setup(appCtx.app)
+      ;(appCtx as any).__collectStyle = collect
+      return undefined
+    },
+    async onPageRendered(_, renderedHTML, appCtx) {
+      return renderedHTML.replace(
+        /<\/head>/,
+        `${(appCtx as any).__collectStyle()}</head>`,
+      )
+    },
   },
 
   ssr: {