启用 RCL 的 CSS 隔离以在 blazor 服务器中工作答案

【问题标题】：Enable CSS isolation of RCL to work in blazor server启用 RCL 的 CSS 隔离以在 blazor 服务器中工作
【发布时间】：2021-05-01 01:55:06
【问题描述】：

我有一个使用这个库的 razor 类库和 blazor 服务器，RCL 中的每个组件都有自己的 css，在阅读了 microsoft ASP.NET Core Blazor CSS isolation 的文档后，我做了以下操作：

在我的 Blazor 服务器的 razor 页面中，我添加了我的组件：<MyComponent />
在 _Host 页面中，我添加了捆绑链接：<link href="Blazor.Components.styles.css" rel="stylesheet">。

运行应用程序后，我看不到 MyComponent 的 css。

我做错了吗？你能给我一些建议吗？我读到了这个page，它遵循相同的方法，但用于Webassembly！。

谢谢。

【问题讨论】：

标签： blazor blazor-server-side

【解决方案1】：

引用Razor class library (RCL) support docs：

当 Razor 类库 (RCL) 提供独立样式时，标签的 href 属性指向 {STATIC WEB ASSET BASE PATH}/{ASSEMBLY NAME}.bundle.scp.css，其中占位符为：

{STATIC WEB ASSET BASE PATH}：静态 Web 资产基础路径。

{ASSEMBLY NAME}：类库的程序集名称。

在以下示例中：

静态 Web 资产基路径为 _content/ClassLib。

类库的程序集名称是 ClassLib。

<link href="_content/ClassLib/ClassLib.bundle.scp.css" rel="stylesheet">

在 _Host 页面中，您应该添加如下内容：

<link href="_content/YourClassLib/YourClassLib.bundle.scp.css" rel="stylesheet">

【讨论】：

通过引用 .NET 6 中的 dll，这不起作用，在 _Layout.cshtml 但是，当引用为项目时，我不需要手动调用它，它可以工作，我可以在此路径中精确检查文件我需要在 RCL 的 dll 中包含其他内容吗？
@Nicwin 您是否在 .net 6 中找到了这样做的方法？我目前正在苦苦挣扎。
嗨@罗伯特-不。又过了一天，我决定等待一些反馈。