title | description | type | page_title | slug | position | tags | res_type |
---|---|---|---|---|---|---|---|
Could not find telerikReportViewerInterop.createReportViewerWidget |
The interop.js file is missing and the report viewer does not show up on the page |
troubleshooting |
telerikReportViewerInterop was undefined |
could-not-find-telerik-report-viewer-interop |
BlazorReportViewer |
kb |
Product | Progress® Telerik® Reporting |
Report Viewer | Blazor Report Viewer |
The [Blazor Report Viewer]({%slug telerikreporting/using-reports-in-applications/display-reports-in-applications/web-application/blazor-report-viewer/overview%}) is not showing up on the page and there are errors in the console.
-
The interop.js dependency of the Blazor viewer is not referenced at the end of the body element of the Pages/_Host.cshtml (Blazor Server) or wwwroot/index.html (Blazor WebAssembly);
-
The interop.js dependency of the Blazor viewer is referenced but with incorrect casing. In this case, the Blazor viewer will show up if the project is running on Windows but on Linux, it will throw an error in the console that the interop file is not found;
The following is an example of correctly referencing the Blazor viewer's interop.js file and should be the solution for both cases:
<script src="_content/Telerik.ReportViewer.Blazor/interop.js" defer /script>
@* Or this one if using the Telerik.ReportViewer.Blazor.Trial package *@
@*<script src="_content/Telerik.ReportViewer.Blazor.Trial/interop.js" defer /script>*@