#18199·svelte

缺少 Web 组件中的 < style > -Tag

作者: michAtEl创建于 2026年5月9日更新于 2026年9月7日

描述错误

如果一个 Svelte 组件运行在一个 ShadowRoot 内, Svelte 应该内置样式为 < style > 标记 。 我有一个项目,在我用“npm run dev”启动项目时,它在那里起作用。 然而,当我用 " npm run building " 建造项目时,样式标签就不见了。

作为项目模板,我使用了https://vite.dev/guide/#trying-vite-online上的svelte-ts。 这可能是一个虫子 在活塞或活塞上。

  • 复制
  • 开放https://stackblintz.com/edit/vitejs-vite-kpy7mrkz 互联网档案馆的存檔,存档日期2013-12-21.
  • 运行“npm运行dev”
  • 点击按钮。 红圈出现了 如果你在圆上徘徊,不透明度就会改变.
  • 建造 " npm跑 "
  • 将项目下载到本地机器,并解开项目
  • 在您的机器上: 在文件夹中启动 http- server 。
  • 用浏览器访问索引.html。
  • 点击按钮。 黑圆出现. 圆相相应相相相相相相相相. 圆有"类="my Circle svelte-1sr53yx"",但没有"风格". - 暗影车内

逻辑

`npm 运行dev': <img宽="1481"高="588" alt="Image" src="https://GitHub.com/user-attachments/assets/0d95b81-7ace-4736-9106-eeba1118107f"/".

" npm 运行建设 " : <img宽="1186"高="601" alt="Image" src="https://GitHub.com/user-attachments/assets/b0209b63-6f8f-4acd-b286-6087b712abe5"/".

QQ 系统信息

贝壳 系统 : OS: Linux 5.0 未定义 CPU: (8) x64 Intel(R) Core(TM) i9-9880H CPU @ 2.30GHz 内存: 0 字节/ 0 字节 贝壳:1.0 - /bin/jsh 二进制 : 节点:22.22.0 -/usr/local/bin/节点 亚伦: 1.22.19 -/usr/当地/宾/亚伦 npm: 10.8.2 -/usr/当地/宾/npm pnpm: 8.15.6 -/usr/当地/宾/pnpm npm 软件包 : 丝绒: ^5.55.5 => 5.55.5


❯npm是
[email protected]/home/projects/vitejs-vite-kpy7mrkz (中文(简体) ).
+-- @ sveltejs/[email protected] 互联网档案馆的存檔,存档日期2007-10-02.
+-- @ tsconfig/ svelte@ 5.0.8 (中文(简体) ).
+-- @ types/[email protected]
+-- 探测- libc@ 2.1.2 外相
+-- 闪电- linux- x64- gnu@ 1.32.0 外相
+--闪电[email protected] 外相
+-- svelte 检查@ 4.4.8
+-- [email protected] (中文(简体) ).
+-- TypeScript@ 6.0.3 键入
" -- -- [email protected] "

* 严重性

烦恼

内容来源: sveltejs/svelte