1

尝试在新的 .net 5 blazor webassembly 中设置和使用 MatBlazor 组件。但是,控件没有样式。

我按照https://www.matblazor.com/上的说明进行操作。安装 MatBlazor

dotnet add package MatBlazor

添加到 _imports

@using MatBlazor

在 index.html 中添加了行

<script src="_content/MatBlazor/dist/matBlazor.js"></script>
<link href="_content/MatBlazor/dist/matBlazor.css" rel="stylesheet" />

在 program.cs 中注册的服务

services.AddMatBlazor();

将 MatPortalHost 添加到 app.razor

<MatPortalHost></MatPortalHost>

添加了简单的按钮

<MatButton> mat button </MatButton>

但是我的按钮没有样式。我也尝试了 MatTextField;没有造型。

在此处输入图像描述

我错过了一步吗?设置说明是否正确?

4

1 回答 1

0

在您的文件中添加对 MatBlazor 的引用<application>.Client.csproj

    <PackageReference Include="MatBlazor" Version="2.8.0" />

示例 NatBlazor 按钮

笔记

请注意,只有预览版 2.9.0 有 .net 5 官方支持: MatBlazor 2.9.0

所以最好添加以下参考:

    <PackageReference Include="MatBlazor" Version="2.9.0-develop-042" />

但它在预览中!

于 2021-09-05T19:19:20.043 回答