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

为什么Blazor CSS隔离不添加链接标签来加载捆绑的CSS文件?,blazor,Blazor,我为WASM项目中的css隔离功能创建了一个Blazor组件和一个附带的css文件。呈现页面时,my元素没有获得css文件中定义的css样式。检查元素后,我可以看到应用于它的额外b-*属性。我可以看到一个MyProject.Client.styles.css文件,在css文件中的…\obj\Debug\net5.0\scopedcss\bundle\MyProject.Client.styles.css下添加了额外的b-*。(*是一些随机字符) 然而,我期望Blazor构建会在Head部分添加一

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

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


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

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

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


您是否将blazor应用程序从.net core 3.1迁移到了.net 5?是的。有什么区别?我也有这个问题。选中此选项,他们将在下一次更新中修复此问题哪个文件?从哪条路来?这个页面说Blaxor为我添加了链接。MS的页面似乎表明它是为我添加的。我所看到的只是在bin文件夹的子文件夹中的MyProject.Client.styles.css。只有在创建新的.NET5 Blazor项目时,才会为您添加到已编译样式表的链接。如果你正在升级,你必须自己添加链接。你在问题中提到的范围css文件。文档()中也对此进行了解释。我也用这个文件更新了我的答案,但是由于某些原因它还没有显示出来。这个文件不存在。浏览器在尝试加载该css文件时出现404错误。你是真的试过了,还是根据你读到的内容来回答?我已经引用了你正在引用的页面。我将尝试mohammadmahdi Talachi提到的链接,因为那里的链接实际上使用了我提到的路径。是的,一次或两次。这里是一个链接,它在一个项目中工作