如何使用 Visual Studio 2022 .Net 7 修复 Blazor 中 Telerik Report 查看器中的 jsinterop 错误

Question

我一直在使用 Blazor 和 Telerik 并遵循 Telerik 网站上的课程，但是当我尝试根据课程使用 Telerik 报告查看器组件集成 Telerik 报告时，它没有在浏览器中显示报告并且没有在 Visual Studio 的终端中也给出了任何错误。一般来说，该网站运行良好，但只有报告页面无法运行，并在浏览器控制台中显示这些错误。我什至建立了一个全新的项目来检查差异，但即使在新项目中，报告查看器也没有显示任何内容并且显示相同的错误。 如果需要一些额外的信息，我正在使用： Visual Studio 2022， Blazor 服务器应用程序， .net7, Telerik 最新试用版。 以下是错误图片和代码：

Answer 1

通常看起来您的脚本引用是正确的，尽管当您附加图像而不是代码时很难。如果您添加代码而不是图片，这对于遇到相同问题的下一个人以及试图帮助您的人会更有用。我已经使用最新的试用包和 Blazor 项目模板进行了测试，但无法重现您的问题。

我的猜测是错误“找不到 telerikReportViewerInterop.createReportViewerWidget”与 SSL 设置有关，因为我在您的屏幕截图中看到了这样的错误，尽管我使用了证书，但我的项目中没有出现这种错误。您可以尝试使用带有 http 设置的新项目或修复 SSL。 该问题也有可能与您的命名空间/路由有关。

这个错误有一篇知识库文章，但我认为它不适用于您的代码，无论如何您可以查看它，它很短。
只是为了测试，您可以尝试从互操作脚本引用中删除延迟，看看错误是否仍然出现。

也许你的 NuGet 包有问题。您可以尝试卸载并重新安装或卸载产品，重新启动机器并安装产品。删除 NuGet 缓存也可能有所帮助。您可以检查依赖的 NuGet 是否有任何错误或使用项目模板时是否有任何其他错误。您也可以尝试在另一台计算机上打开您的项目并检查是否有错误。

Answer 2

第 1 步：从控制面板卸载 Telerik 报告设置

第 2 步：转到 Visual Studio 工具>Nuget 包管理器>包管理器设置

第 3 步：Package Manager 窗口将在 General 中打开，然后单击 click on Clear All Nuget Storage

第 4 步：重新安装 Telerik 报告并打开您的项目删除所有 telerik 包并重新安装它们。