Blazor应用没有给razor类库组件元素添加css隔离作用域标识符

Question

我是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>没有得到添加到h1元素的b-r7wl1itmzi范围。

如果我将Component1组件复制到blazor应用程序，它会像预期的那样工作，标记是<h1 b-r7wl1itmzi>Counter</h1>。

我在这里错过了什么?

Answer 1

在迁移到。net 5.0并使用SASS后，参考这个问题Blazor CSS隔离不工作并且没有添加作用域标识符，我找到了一个解决方案。

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