我为 WASM 项目中的 css 隔离功能创建了一个 Blazor 组件和一个随附的 css 文件。呈现页面时，我的元素没有获得 css 文件中定义的 css 样式。检查元素后，我可以看到应用了额外的 b-* 属性。我可以看到一个 MyProject.Client.styles.css 文件，在 ...\obj\Debug\net5.0\scopedcss\bundle\MyProject.Client.styles.css 下的 css 文件中添加了额外的 b-*。 (* 是一些随机字符)
但是，我希望 Blazor 构建会在 Head 部分添加一个链接标记，以便浏览器加载这个新的捆绑 css 文件，但它不存在。我使用 Fiddler 并验证浏览器没有加载 *.styles.css，这就是问题所在。已清除缓存和应用程序。
我是否缺少一些手动步骤或 CSS 隔离设置来添加链接标签？我正在使用 .NET 5.0 发行版。
最佳答案
您必须手动将捆绑的 CSS 文件的标签添加到主机页面。 Blazor 不会为您添加此内容。
<link href="MyProjectName.styles.css" rel="stylesheet">
关于blazor - 为什么 Blazor CSS 隔离不添加链接标签来加载捆绑的 css 文件？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/65057537/