Blazor 应用程序不会向 razor 类库组件元素添加 css 隔离范围标识符

如何解决Blazor 应用程序不会向 razor 类库组件元素添加 css 隔离范围标识符

我对 blazor 完全陌生，我正在尝试将 razor 类库中的组件添加到 blazor 应用程序中。

我使用默认的 blazor 应用程序 (.net5) 和 razor 类库 (.net5)。

我正在将默认组件 (Component1) 添加到 blazor 索引页面。

我在类库中唯一做的就是添加一个名为 Component1.razor.css 的文件，其中包含：

h1{
    color: green;
}

.css 文件正确绑定到 _content/ComponentLibrary/Component1.razor.rz.scp.css 并在 Blazorapp.styles.css 中正确导入

css 文件中的作用域标识符：

h1[b-r7wl1itmzi]{
    color: green;
}

但是页面上的 <h1>Counter</h1> 没有将 b-r7wl1itmzi 作用域添加到 h1 元素中。

如果我将 Component1 组件复制到 blazor 应用程序，它会按预期工作并且标记为 <h1 b-r7wl1itmzi>Counter</h1>。

我在这里遗漏了什么？

解决方法

参考这个问题 Blazor CSS Isolation not working and not adding scope identifiers after migrating to .NET 5.0 and using SASS 我找到了一个解决方案。

事实证明，类库在 .csproj 文件中有 <RazorLangVersion>3.0</RazorLangVersion> 属性。删除该行后，它按预期工作。