[Bug]: 当我用pnpm dev run --host的时候报错 #606
Description
Describe the bug
用pnpm run dev --host
然后点链接进入，一进去等一两秒就会报错，之后在浏览器中多刷新几次就正常了，但是切换页面的时候时不时有时这样
我是用wsl2部署的博客，原生的linux也试过，都是一样的状况
一下是完整报错信息
23:47:58 watching for file changes...
23:48:06 [200] / 2271ms
23:48:06 [vite] ✨ new dependencies optimized: @swup/astro/serialise, @swup/astro/idle, @swup/astro/client/Swup, @swup/astro/client/SwupA11yPlugin, @swup/astro/client/SwupPreloadPlugin, @swup/astro/client/SwupScrollPlugin, @swup/astro/client/SwupHeadPlugin, @swup/astro/client/SwupScriptsPlugin
23:48:06 [vite] ✨ optimized dependencies changed. reloading
23:48:07 [200] / 39ms
23:48:07 [ERROR] [vite] Internal server error: [postcss] /home/mengh04/blog/src/components/Giscus.astro?astro&type=style&index=0&lang.css:24:1: Unknown word </style>
Plugin: vite:css
File: /home/mengh04/blog/src/components/Giscus.astro?astro&type=style&index=0&lang.css:24:0
22 | margin-top: 3rem;
23 | }
24 | </style>
| ^
at Input.error (/home/mengh04/blog/node_modules/.pnpm/postcss@8.5.6/node_modules/postcss/lib/input.js:135:16)
at Parser.unknownWord (/home/mengh04/blog/node_modules/.pnpm/postcss@8.5.6/node_modules/postcss/lib/parser.js:595:22)
at Parser.other (/home/mengh04/blog/node_modules/.pnpm/postcss@8.5.6/node_modules/postcss/lib/parser.js:437:12)
at Parser.parse (/home/mengh04/blog/node_modules/.pnpm/postcss@8.5.6/node_modules/postcss/lib/parser.js:472:16)
at parse (/home/mengh04/blog/node_modules/.pnpm/postcss@8.5.6/node_modules/postcss/lib/parse.js:11:12)
at new LazyResult (/home/mengh04/blog/node_modules/.pnpm/postcss@8.5.6/node_modules/postcss/lib/lazy-result.js:165:16)
at Processor.process (/home/mengh04/blog/node_modules/.pnpm/postcss@8.5.6/node_modules/postcss/lib/processor.js:53:14)
at runPostCSS (file:///home/mengh04/blog/node_modules/.pnpm/vite@6.3.5_@types+node@24.3.0_jiti@1.21.7_stylus@0.64.0_terser@5.43.1_yaml@2.8.1/node_modules/vite/dist/node/chunks/dep-DBxKXgDP.js:43824:52)
at async compilePostCSS (file:///home/mengh04/blog/node_modules/.pnpm/vite@6.3.5_@types+node@24.3.0_jiti@1.21.7_stylus@0.64.0_terser@5.43.1_yaml@2.8.1/node_modules/vite/dist/node/chunks/dep-DBxKXgDP.js:43794:18)
at async compileCSS (file:///home/mengh04/blog/node_modules/.pnpm/vite@6.3.5_@types+node@24.3.0_jiti@1.21.7_stylus@0.64.0_terser@5.43.1_yaml@2.8.1/node_modules/vite/dist/node/chunks/dep-DBxKXgDP.js:43649:27)
23:48:07 [ERROR] [vite] Internal server error: [postcss] /home/mengh04/blog/src/components/control/BackToTop.astro?astro&type=style&index=0&lang.css:2:10: Unknown word Icon
Plugin: vite:css
File: /home/mengh04/blog/src/components/control/BackToTop.astro?astro&type=style&index=0&lang.css:2:9
1 | ---
2 | import { Icon } from "astro-icon/components";
| ^
3 | ---
4 |
at Input.error (/home/mengh04/blog/node_modules/.pnpm/postcss@8.5.6/node_modules/postcss/lib/input.js:135:16)
at Parser.unknownWord (/home/mengh04/blog/node_modules/.pnpm/postcss@8.5.6/node_modules/postcss/lib/parser.js:595:22)
at Parser.other (/home/mengh04/blog/node_modules/.pnpm/postcss@8.5.6/node_modules/postcss/lib/parser.js:437:12)
at Parser.parse (/home/mengh04/blog/node_modules/.pnpm/postcss@8.5.6/node_modules/postcss/lib/parser.js:472:16)
at parse (/home/mengh04/blog/node_modules/.pnpm/postcss@8.5.6/node_modules/postcss/lib/parse.js:11:12)
at new LazyResult (/home/mengh04/blog/node_modules/.pnpm/postcss@8.5.6/node_modules/postcss/lib/lazy-result.js:165:16)
at Processor.process (/home/mengh04/blog/node_modules/.pnpm/postcss@8.5.6/node_modules/postcss/lib/processor.js:53:14)
at runPostCSS (file:///home/mengh04/blog/node_modules/.pnpm/vite@6.3.5_@types+node@24.3.0_jiti@1.21.7_stylus@0.64.0_terser@5.43.1_yaml@2.8.1/node_modules/vite/dist/node/chunks/dep-DBxKXgDP.js:43824:52)
at async compilePostCSS (file:///home/mengh04/blog/node_modules/.pnpm/vite@6.3.5_@types+node@24.3.0_jiti@1.21.7_stylus@0.64.0_terser@5.43.1_yaml@2.8.1/node_modules/vite/dist/node/chunks/dep-DBxKXgDP.js:43794:18)
at async compileCSS (file:///home/mengh04/blog/node_modules/.pnpm/vite@6.3.5_@types+node@24.3.0_jiti@1.21.7_stylus@0.64.0_terser@5.43.1_yaml@2.8.1/node_modules/vite/dist/node/chunks/dep-DBxKXgDP.js:43649:27)
23:48:07 [ERROR] [vite] Internal server error: [postcss] /home/mengh04/blog/src/components/widget/WidgetLayout.astro?astro&type=style&index=0&lang.css:2:10: Unknown word Icon
Plugin: vite:css
File: /home/mengh04/blog/src/components/widget/WidgetLayout.astro?astro&type=style&index=0&lang.css:2:9
1 | ---
2 | import { Icon } from "astro-icon/components";
| ^
3 | import I18nKey from "../../i18n/i18nKey";
4 | import { i18n } from "../../i18n/translation";
at Input.error (/home/mengh04/blog/node_modules/.pnpm/postcss@8.5.6/node_modules/postcss/lib/input.js:135:16)
at Parser.unknownWord (/home/mengh04/blog/node_modules/.pnpm/postcss@8.5.6/node_modules/postcss/lib/parser.js:595:22)
at Parser.other (/home/mengh04/blog/node_modules/.pnpm/postcss@8.5.6/node_modules/postcss/lib/parser.js:437:12)
at Parser.parse (/home/mengh04/blog/node_modules/.pnpm/postcss@8.5.6/node_modules/postcss/lib/parser.js:472:16)
at parse (/home/mengh04/blog/node_modules/.pnpm/postcss@8.5.6/node_modules/postcss/lib/parse.js:11:12)
at new LazyResult (/home/mengh04/blog/node_modules/.pnpm/postcss@8.5.6/node_modules/postcss/lib/lazy-result.js:165:16)
at Processor.process (/home/mengh04/blog/node_modules/.pnpm/postcss@8.5.6/node_modules/postcss/lib/processor.js:53:14)
at runPostCSS (file:///home/mengh04/blog/node_modules/.pnpm/vite@6.3.5_@types+node@24.3.0_jiti@1.21.7_stylus@0.64.0_terser@5.43.1_yaml@2.8.1/node_modules/vite/dist/node/chunks/dep-DBxKXgDP.js:43824:52)
at async compilePostCSS (file:///home/mengh04/blog/node_modules/.pnpm/vite@6.3.5_@types+node@24.3.0_jiti@1.21.7_stylus@0.64.0_terser@5.43.1_yaml@2.8.1/node_modules/vite/dist/node/chunks/dep-DBxKXgDP.js:43794:18)
at async compileCSS (file:///home/mengh04/blog/node_modules/.pnpm/vite@6.3.5_@types+node@24.3.0_jiti@1.21.7_stylus@0.64.0_terser@5.43.1_yaml@2.8.1/node_modules/vite/dist/node/chunks/dep-DBxKXgDP.js:43649:27)
23:48:07 [ERROR] [vite] Internal server error: [postcss] /home/mengh04/blog/src/layouts/Layout.astro?astro&type=style&index=0&lang.css:1:1: Unknown word ---
Plugin: vite:css
File: /home/mengh04/blog/src/layouts/Layout.astro?astro&type=style&index=0&lang.css:1:0
1 | ---
| ^
2 | import "@fontsource/roboto/400.css";
3 | import "@fontsource/roboto/500.css";
at Input.error (/home/mengh04/blog/node_modules/.pnpm/postcss@8.5.6/node_modules/postcss/lib/input.js:135:16)
at Parser.unknownWord (/home/mengh04/blog/node_modules/.pnpm/postcss@8.5.6/node_modules/postcss/lib/parser.js:595:22)
at Parser.other (/home/mengh04/blog/node_modules/.pnpm/postcss@8.5.6/node_modules/postcss/lib/parser.js:437:12)
at Parser.parse (/home/mengh04/blog/node_modules/.pnpm/postcss@8.5.6/node_modules/postcss/lib/parser.js:472:16)
at parse (/home/mengh04/blog/node_modules/.pnpm/postcss@8.5.6/node_modules/postcss/lib/parse.js:11:12)
at new LazyResult (/home/mengh04/blog/node_modules/.pnpm/postcss@8.5.6/node_modules/postcss/lib/lazy-result.js:165:16)
at Processor.process (/home/mengh04/blog/node_modules/.pnpm/postcss@8.5.6/node_modules/postcss/lib/processor.js:53:14)
at runPostCSS (file:///home/mengh04/blog/node_modules/.pnpm/vite@6.3.5_@types+node@24.3.0_jiti@1.21.7_stylus@0.64.0_terser@5.43.1_yaml@2.8.1/node_modules/vite/dist/node/chunks/dep-DBxKXgDP.js:43824:52)
at async compilePostCSS (file:///home/mengh04/blog/node_modules/.pnpm/vite@6.3.5_@types+node@24.3.0_jiti@1.21.7_stylus@0.64.0_terser@5.43.1_yaml@2.8.1/node_modules/vite/dist/node/chunks/dep-DBxKXgDP.js:43794:18)
at async compileCSS (file:///home/mengh04/blog/node_modules/.pnpm/vite@6.3.5_@types+node@24.3.0_jiti@1.21.7_stylus@0.64.0_terser@5.43.1_yaml@2.8.1/node_modules/vite/dist/node/chunks/dep-DBxKXgDP.js:43649:27)
23:48:07 [ERROR] [vite] Internal server error: Transform failed with 1 error:
/home/mengh04/blog/src/components/Navbar.astro?astro&type=script&index=0&lang.ts:2:7: ERROR: Expected "(" but found "{"
Plugin: vite:esbuild
File: /home/mengh04/blog/src/components/Navbar.astro?astro&type=script&index=0&lang.ts:2:7
Expected "(" but found "{"
1 | ---
2 | import { Icon } from "astro-icon/components";
| ^
3 | import { navBarConfig, siteConfig } from "../config";
4 | import { LinkPresets } from "../constants/link-presets";
at failureErrorWithLog (/home/mengh04/blog/node_modules/.pnpm/esbuild@0.25.9/node_modules/esbuild/lib/main.js:1467:15)
at /home/mengh04/blog/node_modules/.pnpm/esbuild@0.25.9/node_modules/esbuild/lib/main.js:736:50
at responseCallbacks.<computed> (/home/mengh04/blog/node_modules/.pnpm/esbuild@0.25.9/node_modules/esbuild/lib/main.js:603:9)
at handleIncomingPacket (/home/mengh04/blog/node_modules/.pnpm/esbuild@0.25.9/node_modules/esbuild/lib/main.js:658:12)
at Socket.readFromStdout (/home/mengh04/blog/node_modules/.pnpm/esbuild@0.25.9/node_modules/esbuild/lib/main.js:581:7)
at Socket.emit (node:events:508:28)
at addChunk (node:internal/streams/readable:559:12)
at readableAddChunkPushByteMode (node:internal/streams/readable:510:3)
at Readable.push (node:internal/streams/readable:390:5)
at Pipe.onStreamRead (node:internal/stream_base_commons:189:23)
23:48:07 [ERROR] [vite] Internal server error: Transform failed with 1 error:
/home/mengh04/blog/src/components/widget/WidgetLayout.astro?astro&type=script&index=0&lang.ts:2:7: ERROR: Expected "(" but found "{"
Plugin: vite:esbuild
File: /home/mengh04/blog/src/components/widget/WidgetLayout.astro?astro&type=script&index=0&lang.ts:2:7
Expected "(" but found "{"
1 | ---
2 | import { Icon } from "astro-icon/components";
| ^
3 | import I18nKey from "../../i18n/i18nKey";
4 | import { i18n } from "../../i18n/translation";
at failureErrorWithLog (/home/mengh04/blog/node_modules/.pnpm/esbuild@0.25.9/node_modules/esbuild/lib/main.js:1467:15)
at /home/mengh04/blog/node_modules/.pnpm/esbuild@0.25.9/node_modules/esbuild/lib/main.js:736:50
at responseCallbacks.<computed> (/home/mengh04/blog/node_modules/.pnpm/esbuild@0.25.9/node_modules/esbuild/lib/main.js:603:9)
at handleIncomingPacket (/home/mengh04/blog/node_modules/.pnpm/esbuild@0.25.9/node_modules/esbuild/lib/main.js:658:12)
at Socket.readFromStdout (/home/mengh04/blog/node_modules/.pnpm/esbuild@0.25.9/node_modules/esbuild/lib/main.js:581:7)
at Socket.emit (node:events:508:28)
at addChunk (node:internal/streams/readable:559:12)
at readableAddChunkPushByteMode (node:internal/streams/readable:510:3)
at Readable.push (node:internal/streams/readable:390:5)
at Pipe.onStreamRead (node:internal/stream_base_commons:189:23)
23:48:07 [ERROR] [vite] Internal server error: Transform failed with 1 error:
/home/mengh04/blog/src/components/widget/TOC.astro?astro&type=script&index=0&lang.ts:2:7: ERROR: Expected "(" but found "type"
Plugin: vite:esbuild
File: /home/mengh04/blog/src/components/widget/TOC.astro?astro&type=script&index=0&lang.ts:2:7
Expected "(" but found "type"
1 | ---
2 | import type { MarkdownHeading } from "astro";
| ^
3 | import { siteConfig } from "../../config";
4 | import { url } from "../../utils/url-utils";
at failureErrorWithLog (/home/mengh04/blog/node_modules/.pnpm/esbuild@0.25.9/node_modules/esbuild/lib/main.js:1467:15)
at /home/mengh04/blog/node_modules/.pnpm/esbuild@0.25.9/node_modules/esbuild/lib/main.js:736:50
at responseCallbacks.<computed> (/home/mengh04/blog/node_modules/.pnpm/esbuild@0.25.9/node_modules/esbuild/lib/main.js:603:9)
at handleIncomingPacket (/home/mengh04/blog/node_modules/.pnpm/esbuild@0.25.9/node_modules/esbuild/lib/main.js:658:12)
at Socket.readFromStdout (/home/mengh04/blog/node_modules/.pnpm/esbuild@0.25.9/node_modules/esbuild/lib/main.js:581:7)
at Socket.emit (node:events:508:28)
at addChunk (node:internal/streams/readable:559:12)
at readableAddChunkPushByteMode (node:internal/streams/readable:510:3)
at Readable.push (node:internal/streams/readable:390:5)
at Pipe.onStreamRead (node:internal/stream_base_commons:189:23)
23:48:07 [ERROR] [vite] Internal server error: Transform failed with 1 error:
/home/mengh04/blog/src/layouts/Layout.astro?astro&type=script&index=0&lang.ts:2:7: ERROR: Expected "(" but found "\"@fontsource/roboto/400.css\""
Plugin: vite:esbuild
File: /home/mengh04/blog/src/layouts/Layout.astro?astro&type=script&index=0&lang.ts:2:7
Expected "(" but found "\"@fontsource/roboto/400.css\""
1 | ---
2 | import "@fontsource/roboto/400.css";
| ^
3 | import "@fontsource/roboto/500.css";
4 | import "@fontsource/roboto/700.css";
at failureErrorWithLog (/home/mengh04/blog/node_modules/.pnpm/esbuild@0.25.9/node_modules/esbuild/lib/main.js:1467:15)
at /home/mengh04/blog/node_modules/.pnpm/esbuild@0.25.9/node_modules/esbuild/lib/main.js:736:50
at responseCallbacks.<computed> (/home/mengh04/blog/node_modules/.pnpm/esbuild@0.25.9/node_modules/esbuild/lib/main.js:603:9)
at handleIncomingPacket (/home/mengh04/blog/node_modules/.pnpm/esbuild@0.25.9/node_modules/esbuild/lib/main.js:658:12)
at Socket.readFromStdout (/home/mengh04/blog/node_modules/.pnpm/esbuild@0.25.9/node_modules/esbuild/lib/main.js:581:7)
at Socket.emit (node:events:508:28)
at addChunk (node:internal/streams/readable:559:12)
at readableAddChunkPushByteMode (node:internal/streams/readable:510:3)
at Readable.push (node:internal/streams/readable:390:5)
at Pipe.onStreamRead (node:internal/stream_base_commons:189:23)
23:48:07 [ERROR] [vite] Internal server error: Transform failed with 1 error:
/home/mengh04/blog/src/layouts/Layout.astro?astro&type=script&index=1&lang.ts:2:7: ERROR: Expected "(" but found "\"@fontsource/roboto/400.css\""
Plugin: vite:esbuild
File: /home/mengh04/blog/src/layouts/Layout.astro?astro&type=script&index=1&lang.ts:2:7
Expected "(" but found "\"@fontsource/roboto/400.css\""
1 | ---
2 | import "@fontsource/roboto/400.css";
| ^
3 | import "@fontsource/roboto/500.css";
4 | import "@fontsource/roboto/700.css";
at failureErrorWithLog (/home/mengh04/blog/node_modules/.pnpm/esbuild@0.25.9/node_modules/esbuild/lib/main.js:1467:15)
at /home/mengh04/blog/node_modules/.pnpm/esbuild@0.25.9/node_modules/esbuild/lib/main.js:736:50
at responseCallbacks.<computed> (/home/mengh04/blog/node_modules/.pnpm/esbuild@0.25.9/node_modules/esbuild/lib/main.js:603:9)
at handleIncomingPacket (/home/mengh04/blog/node_modules/.pnpm/esbuild@0.25.9/node_modules/esbuild/lib/main.js:658:12)
at Socket.readFromStdout (/home/mengh04/blog/node_modules/.pnpm/esbuild@0.25.9/node_modules/esbuild/lib/main.js:581:7)
at Socket.emit (node:events:508:28)
at addChunk (node:internal/streams/readable:559:12)
at readableAddChunkPushByteMode (node:internal/streams/readable:510:3)
at Readable.push (node:internal/streams/readable:390:5)
at Pipe.onStreamRead (node:internal/stream_base_commons:189:23)
To Reproduce
用pnpm run dev --host
然后点链接进入，一进去等一两秒就会报错
Expected behavior
没有报错
OS
No response
Browser
No response
Additional context
No response