Blazor FluentUI 内容文件未更新

Question

我有一个 Blazor 应用程序（主要在交互式服务器模式下运行），它大量使用 FluentUI 组件。 我正在运行版本 4.3.1（在 .NET 8.0.2 上）并希望将其升级到较新的版本（4.4.1）。然后突然出现 JSInterop 错误；组件尝试运行 JS 函数但找不到它。我在 github 上检查了 FluentUI 的该组件的源代码，是的，它已更新并创建了一个新的 JS 函数。 在浏览器的开发人员工具中，我转到“sources”->“_content”文件夹，发现它仍然使用这个“旧”.js 文件，没有新的 JS 函数。

所以现在我的问题是：如何更新这些“_content”文件？我认为将 FluentUI NuGet 从 4.3.1 更新到 4.4.0 应该可以完成这项工作，但显然不行。我在浏览器中尝试了 shift-F5，清理了 VS 解决方案，删除了 %userprofile%.nuget\packages 文件夹中的 Microsoft.FluentUI.AspNetCore.Components 文件夹，卸载并重新安装了 Microsoft.FluentUI.AspNetCore.Components nuget。 .. 我不知道为什么它不想使用应包含在新版本中的新 .js 文件。另外，当我发布到我的 Azure Web App 服务时，它是完全相同的：仍然使用“旧”.js 文件。

有人可以解释一下吗？

谢谢！

编辑： 所以事实证明这是浏览器的错误，它继续使用旧的缓存 .js 文件。 CTRL+F5 重新下载“主”Microsoft.FluentUI.AspNetCore.Components.lib.module.js 文件，但仍然依赖于缓存的 FluentTextField.razor.js：

那么如何防止使用这个缓存版本？

Answer 1

您需要在浏览器中执行硬刷新。这会强制刷新浏览器缓存。

对于 Edge 和 Chrome，选择选项卡，然后在 PC 上按 Ctrl-shift-R 或在 Mac 上按 Command-shift-R。