我已经通过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>
但问题是,它似乎仍然不起作用。
在program.cs中缺少一条指令。
在调用builder.build((之前添加以下行。
StaticWebAssetsLoader.UseStaticWebAssets(builder.Environment, builder.Configuration);
我在这里发现了差异:https://github.com/MudBlazor/Templates/blob/dev/src/.template.base/server/Program.cs#L9
在页面的文件夹中创建一个名为_Imports的剃刀组件,并添加以下内容:@layout MainLayout
在MainLayout中,您应该具有:<MudThemeProvider/> <MudDialogProvider/> <MudSnackbarProvider/>
尝试从github克隆MudBrazor模板,https://github.com/Garderoben/MudBlazor.Templates,它应该开箱即用,安装了所有先决条件。如果不是,环境中有问题
清空浏览器缓存并进行硬重新加载(在Chrome中按F12,然后右键单击重新加载图标并选择"清空缓存并硬重新加载"(。这将在Blazor WASM客户端中加载新的客户端css和js内容。
如果有人在生产环境中发现这个问题,上述解决方案对我不起作用。
这对我来说很有效,首先将您的应用程序发布到文件夹,然后打开已发布的wwwroot文件夹,将_content文件夹复制到生产环境中。
如果MudBlazor正在进行开发,那么_content文件夹中包含MudBrazor文件
确保您将基本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" />