CSS 在不同项目中重新使用 Blazor 组件时未显示

Question

所以我想创建一个布局组件，以保持我们的页面标准化。 所以我创建了一个简单的组件

但是，当我将组件添加到新项目时，我可以看到文本，但 css 没有被拉出。

这是我第一次尝试将组件添加到新项目中，因此对我缺乏理解表示歉意。

我认为这就像将 RCL 打包到 nuget package 一样简单，将组件库下载到新项目，引用组件并关闭我 Z34D1F91FB2E514B8576FAB1A75A89A6

但我想有些东西需要添加到新项目中，或者我错过了一些明显的东西..

该组件只是一个简单的导航菜单，没有 js 或任何花哨的东西，只有 css 和 html..

有人有什么想法吗？ 我没有在互联网上看到很多关于这个问题的帖子。

---

已修复 - 希望这对 blazor 中的新用户有所帮助

Answer 1

好的，我发现了问题-

我没有意识到您必须将 css 文件引用到您在 RCL 中使用的新 web 应用程序中 - 所以只需在主机中添加以下行即可。

<link href="_content/Blazor.Components/css/HeaderAndFooter.css" rel="stylesheet" />