1

我对 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>.

我在这里想念什么？

4

1 回答 1

2

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

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

于 2021-02-19T13:30:36.270 回答