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



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

  1. 在我的blazor服务器的razor页面中,我添加了我的组件:<MyComponent />
  2. 在_Host页面中,我添加了绑定链接:<link href="Blazor.Components.styles.css" rel="stylesheet">.

运行应用程序后,我无法看到MyComponent的css。

我做错什么了吗?你能给我一些建议吗?我读了这个页面,它遵循相同的方法,但对于Webassembly!

谢谢。

引用Razor类库(RCL)支持文档:

当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">

最新更新