Microsoft.FluentUI 刷新时渲染问题

Question

使用 FluentUI 时出现渲染问题。问题是 - 当您刷新页面（F5）时 - 它会闪烁（看起来最初渲染时没有任何样式，只有几毫秒后才应用样式）

使用 FluentUI 模板可以轻松重现

dotnet new install Microsoft.FluentUI.AspNetCore.Templates
dotnet new fluentblazor --name MyFluentApp
cd MyFluentApp
dotnet run

特别是，在

/weather

页面

很容易看到

是否可以消除这些闪烁？

Answer 1

问题就在这里：

为了正确的样式，需要加载

 _content/Microsoft.FluentUI.AspNetCore.Components/Microsoft.FluentUI.AspNetCore.Components.lib.module.js

解决方案：

<script src="_content/Microsoft.FluentUI.AspNetCore.Components/Microsoft.FluentUI.AspNetCore.Components.lib.module.js"></script>

请注意，它不会闪烁，而是不会显示任何内容，因此可能看起来“慢”。
另请注意，当您禁用缓存（在浏览器开发工具中）时，此解决方法将不起作用 - 因为它会加载 js 库，并且
```
blazor.web.js
```
将再次加载它。