在blazor服务器中启用RCL的CSS隔离

在blazor服务器中启用RCL的CSS隔离,blazor,blazor-server-side,Blazor,Blazor Server Side,我有一个razor类库和使用该库的blazor服务器,RCL中的每个组件都有自己的css,在阅读microsoft文档后,我做了以下工作: 在blazor服务器的razor页面中,我添加了我的组件: 在主机页面中,我添加了邦德林的链接: 运行应用程序后,我看不到MyComponent的css 我做错什么了吗?你能给我一些建议吗?。我读到这篇文章时采用了相同的方法,只是针对Webassembly 谢谢。引用文档: 当Razor类库(RCL)提供独立样式时,标记的href属性指向{STATIC WE

我有一个razor类库和使用该库的blazor服务器,RCL中的每个组件都有自己的css,在阅读microsoft文档后,我做了以下工作:

  • 在blazor服务器的razor页面中,我添加了我的组件:
  • 在主机页面中,我添加了邦德林的链接:
  • 运行应用程序后,我看不到MyComponent的css

    我做错什么了吗?你能给我一些建议吗?。我读到这篇文章时采用了相同的方法,只是针对Webassembly

    谢谢。

    引用文档:

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

    • {静态WEB资产基本路径}:静态WEB资产基本路径
    • {ASSEMBLY NAME}:类库的程序集名称
    在以下示例中:

    • 静态web资产基路径为_content/ClassLib
    • 类库的程序集名称是ClassLib

    在主机页面中,您应该添加以下内容:

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

    你好,丹尼,非常感谢,这太完美了!