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

Question

我是 blazor 的新手，我正在尝试将 razor class 库中的组件添加到 blazor 应用程序。

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

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

我在 class 库中所做的唯一一件事就是添加一个名为 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>。

我在这里错过了什么？

Answer 1

参考这个问题我找到了解决方案。

原来 class 库在 .csproj 文件中有 <RazorLangVersion>3.0</RazorLangVersion> 属性。删除该行后，它会按预期工作。