我为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">
哪个文件?从哪条路走?此页面上说Blaxor为我添加了链接。daveabrock.com/2020/09/10/blazor-css-isolation。MS的页面docs.microsoft.com/en-us/aspnet/core/blazor/components / ...似乎表明它是为我添加的。我所看到的只是在bin文件夹的子文件夹内的MyProject.Client.styles.css。
仅当您创建新的.NET5 Blazor项目时,才为您添加指向已编译样式表的链接。如果要升级,则必须自己添加链接。
您在问题中提到的带范围的css文件。在文档(docs.microsoft.com/en-us/aspnet/core/blazor/components / ...)中也对此进行了说明。我也用文件更新了我的答案,但是由于某种原因,它还没有显示。
该文件不存在。浏览器给出一个404错误,试图加载该CSS文件。您是否真的尝试过,还是将答案基于所阅读的内容?我已经引用了您所引用的页面。我将尝试提到的链接mohammadmahdi Talachi,因为那里的链接实际上是使用我提到的路径。
是的,一次或两次。这是在项目github.com/chrissainty/blazor-in-action/blob/main/chapter-03/中工作的链接。