Warm tip: This article is reproduced from serverfault.com, please click

其他-为什么Blazor CSS隔离不添加链接标记来加载捆绑的CSS文件?

(其他 - Why Blazor CSS isolation not adding the link tag to load the bundled css file?)

发布于 2020-11-29 06:16:43

我为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发行版。

Questioner
Tony_Henrich
Viewed
0
Chris Sainty 2020-11-30 05:43:57

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

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