Cannot get past Version mismatch error between viewer and REST server

1 Answer 66 Views
Report Viewer - Blazor
Frank
Top achievements
Rank 1
Frank asked on 05 Sep 2024, 06:15 PM | edited on 05 Sep 2024, 06:15 PM


Keep having this error. Nuget package on both projects is the latest '18.2.24.806'. Based on what I've read I need to update my links/scripts in my index.html probably, but I cannot find the correct combinations. 

The projects are a Blazor WASM .net 8 project and a .net8 minimal api (though I used a controller to get the reporting service running correctly). 

Here is my index.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Production Scheduler</title>
    <base href="/" />

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.js"></script>
    <script src="https://demos.telerik.com/report-server/api/reports/resources/js/telerikReportViewer"></script>
    
    <link href="ProductionScheduler.Web.styles.css" rel="stylesheet" />
    <link rel="stylesheet" href="css/bootstrap/bootstrap.min.css" />
    <link rel="stylesheet" href="css/app.css" />
    <link rel="stylesheet" href="css/telerik/navigation-drawer.css" />
    <link rel="stylesheet" href="css/telerik/all.css" />
    <link rel="stylesheet" href="css/telerik/listview.css" />
    <link rel="stylesheet" href="css/telerik/custom-styles.css" />
    <link rel="stylesheet" href="css/telerik/telerik-button.css" />
    <link rel="stylesheet" href="css/telerik/grid-command-button.css" />
    <link rel="stylesheet" href="_content/Telerik.UI.for.Blazor/css/kendo-theme-default/all.css" />
    <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2022.3.913/styles/kendo.default-main.min.css" />
    <script src="_content/Telerik.UI.for.Blazor/js/telerik-blazor.js" ></script>
</head>

<body>
    <div id="app" class="fit-screen">
        <svg class="loading-progress">
            <circle r="40%" cx="50%" cy="50%" />
            <circle r="40%" cx="50%" cy="50%" />
        </svg>
        <div class="loading-progress-text"></div>
    </div>

    <div id="blazor-error-ui">
        An unhandled error has occurred.
        <a href="" class="reload">Reload</a>
        <a class="dismiss">🗙</a>
    </div>
	<script src="_framework/blazor.webassembly.js"></script>
	<script>
	    window.blazorCulture = {
	        get: () => window.localStorage['BlazorCulture'],
	        set: (value) => window.localStorage['BlazorCulture'] = value
	    };
	</script>
    <script src="_content/Telerik.ReportViewer.Blazor/interop.js" defer></script>
</body>

</html>

I also am receiving this error in my dev console, but am not sure if it is related or not.


Any help is appreciated!

1 Answer, 1 is accepted

Sort by
1
Accepted
Ivet
Telerik team
answered on 10 Sep 2024, 02:43 PM

Hello Frank,

Thank you for the screenshots and for providing those additional details.

From the Reporting installation folder (C:\Program Files (x86)\Progress\Telerik Reporting 2024 Q3\Html5\ReportViewer\js) , you need to get these files - 

telerikReportViewer.kendo-18.2.24.806.min.js
telerikReportViewer-18.2.24.806.min.js

and you have to put them in place of this script - 

 <script src="https://demos.telerik.com/report-server/api/reports/resources/js/telerikReportViewer"></script>

because the above URL returns an older version of the telerikReportViewer, thus the exception.

I hope this information helps. Please let me know if I can assist you any further. Thank you in advance.

Regards,
Ivet
Progress Telerik

Stay tuned by visiting our roadmap and feedback portal pages, enjoy a smooth take-off with our Getting Started resources, or visit the free self-paced technical training at https://learn.telerik.com/.
Tags
Report Viewer - Blazor
Asked by
Frank
Top achievements
Rank 1
Answers by
Ivet
Telerik team
Share this question
or