4

我已经通过 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>

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

4

4 回答 4

2

Try to clone a MudBlazor template from github, https://github.com/Garderoben/MudBlazor.Templates, it should work out of the box, with all pre-requisites installed. If not, there is something wrong in your environment

于 2020-12-06T22:22:39.317 回答
1

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

于 2021-07-22T20:41:45.067 回答
1

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

于 2021-09-05T03:35:09.023 回答
0

确保您设置基本href，如下所示：

<base href="/" />
<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" />
于 2020-12-14T18:42:05.607 回答