为什么BlazorCSS隔离不添加链接标签来加载捆绑的css文件?

我为 WASM 项目中的 css 隔离功能创建了一个 Blazor 组件和一个随附的 css 文件。呈现页面时,我的元素没有获得 css 文件中定义的 css 样式。在检查元素时,我可以看到应用到它的额外的 b-* 属性。我可以看到一个 MyProject.Client.styles.css 文件,在 ...objDebugnet5.0scopedcssbundleMyProject.Client.styles.css 下的 css 文件中添加了额外的 b-*。(* 是一些随机字符)

但是,我预计 Blazor 构建会在 Head 部分添加一个链接标记,以便浏览器加载这个新的捆绑 css 文件,但它不在那里。我使用 Fiddler 并验证浏览器没有加载 *.styles.css,这就是问题所在。已经清除了缓存和应用程序。

我是否缺少一些手动步骤或 css 隔离设置来添加链接标签?我正在使用 .NET 5.0 发行版。

回答

您必须手动将捆绑的 CSS 文件的标签添加到主机页面。Blazor 不会为您添加此内容。

<link href="MyProjectName.styles.css" rel="stylesheet">

  • I have noticed, that it's not the project name, but the assembly name `<link href="{ASSEMBLY_NAME}.styles.css" rel="stylesheet">`

以上是为什么BlazorCSS隔离不添加链接标签来加载捆绑的css文件?的全部内容。
THE END
分享
二维码
< <上一篇
下一篇>>