为什么Mudblazor组件没有css？

Question

我已经通过NuGet安装了mudblazor，并遵循了如何设置mudblazor的“教程”，我一步一步地做了所有的事情，但由于某些原因，组件看起来没有任何css或js。我不得不在_host.cshtml中链接css和js文件：

<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap" rel="stylesheet" />
    <link href="_content/MudBlazor/MudBlazor.min.css" rel="stylesheet" />
     <script src="_content/MudBlazor/MudBlazor.min.js"></script>

但问题是，它似乎仍然不起作用。

Answer 1

尝试从github，https://github.com/Garderoben/MudBlazor.Templates克隆一个MudBlazor模板，它应该开箱即用，所有必备组件都已安装。如果不是，则说明您的环境有问题

Answer 2

在页面的文件夹中创建一个名为_Imports的剃刀组件，并添加以下内容：@layout MainLayout在您的MainLayout中，您应该拥有：<MudThemeProvider/> <MudDialogProvider/> <MudSnackbarProvider/>

Answer 3

清空您的浏览器缓存并执行硬重新加载(在Chrome中按F12，然后右键单击重新加载图标并选择“清空缓存并硬重新加载”)。这将使新的客户端css和js内容加载到Blazor WASM客户端。