为什么Mudblazor组件在没有css的情况下出现



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

相关内容

  • 没有找到相关文章

最新更新