为什么 Mudblazor 组件出现没有 css？答案

【问题标题】：Why does Mudblazor component appear without css?为什么 Mudblazor 组件出现没有 css？
【发布时间】：2021-03-18 01:51:20
【问题描述】：

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

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

【问题讨论】：

> 似乎不起作用请详细说明您的尝试与您的预期
好吧，我已经说过了，当他们想要在他们的项目中使用 mudblazor 时，我做了任何人都会做的事情。我通过 nugget 添加了包，添加了导入，添加了上面的 css 和 js 引用，注册了服务并添加了组件。我期待......好吧......让它工作。发生的情况是组件看起来就像没有任何 css 或 js（动画）的纯 html，它不仅适用于 mudblazor，而且适用于任何组件提供者，包括 syncfusion
@AudriusŠaučiūnas 您是否尝试过 Porkopek 在他的回答中链接的 MudBlazor.Templates？

标签： css blazor blazor-server-side mudblazor

【解决方案1】：

尝试从 github 克隆一个 MudBlazor 模板，https://github.com/Garderoben/MudBlazor.Templates，它应该可以开箱即用，并安装所有先决条件。如果没有，你的环境有问题

【讨论】：

【解决方案2】：

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

【讨论】：

【解决方案3】：

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

【讨论】：

【解决方案4】：

确保您将基本 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" />

【讨论】：