我有一个razor类库和使用这个库的blazor服务器,RCL中的每个组件都有自己的css,在阅读了microsoft ASP的文档后。. NET Core Blazor CSS隔离我做了以下操作:
- 在我的blazor服务器的razor页面中,我添加了我的组件:
<MyComponent />
- 在_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">