在不同项目中重新使用 Blazor 组件时 CSS 不显示
Posted
技术标签:
【中文标题】在不同项目中重新使用 Blazor 组件时 CSS 不显示【英文标题】：CSS not showing when re-using Blazor Components in different project 【发布时间】：2022-01-03 21:43:46 【问题描述】：所以我想创建一个布局组件，以保持我们的页面标准化。所以我创建了一个简单的组件
但是当我将组件添加到新项目时，我可以看到文本，但没有 css 被拉出。
这是我第一次尝试将组件添加到新项目中，因此对我缺乏理解表示歉意..
我认为这就像将 RCL 打包到 nuget 包中一样简单，将组件库下载到新项目中，引用组件然后我就走了……
但我想有些东西需要添加到新项目中，或者我错过了一些明显的东西..
该组件只是一个简单的导航菜单，没有 js 或任何花哨的东西，只有 css 和 html..
有人有什么想法吗？我没有在互联网上看到很多关于这个问题的帖子。
已修复 - 希望这对 blazor 中的新手有所帮助
【问题讨论】：
我仍然有一个小问题，我在组件中使用了一个图像，我如何将它带到新应用程序中，因为它给了我一个 404。 【参考方案1】：好的，我找到了问题-
我没有意识到您必须将 css 文件引用到您在 RCL 中使用过的新 Web 应用程序中 - 所以只需在主机中添加以下行就可以了..
<link href="_content/Blazor.Components/css/HeaderAndFooter.css" rel="stylesheet" />
【讨论】：
以上是关于在不同项目中重新使用 Blazor 组件时 CSS 不显示的主要内容，如果未能解决你的问题，请参考以下文章
如何像 Vue 一样从父层向 Blazor 组件随机添加 CSS 属性？