Error on render report

[Mohanraj]

While rendering report got Error like this Error loading the report viewer's templates. (trvTemplateUrl = 'https://abcdf.com/api/reports/resources/templates/telerikReportViewerTemplate-16.0.22.225.html/').  when i try this same telerik reporting from other domain it's working only this domain it gave this error. and network it shows like CORS error. we don't know where to allow all the domain address.       In Asp.net we have this config to enable CORS          

  services.AddCors(c =>
            {
                c.AddPolicy("AllowOrigin", options => options.AllowAnyOrigin().AllowAnyHeader().WithExposedHeaders("X-total-count")); 
                c.AddPolicy("ReportingRestPolicy", corsOptions => corsOptions.AllowAnyOrigin().AllowAnyMethod().AllowAnyHeader());
            });



            app.UseCors("ReportingRestPolicy");

And We noticed that if i try to run domain1 with chrome and domain2 with Edge. both domains are working.  In same browser which domain i run first that works. If i try to run next domain it gives error.

[Todor]

Hello Mohanraj,

The error indicates that the viewer's template with the particular version 16.0.22.225 cannot be downloaded.

Is it possible that the REST Service is with a different Reporting version? Note that all Telerik Reporting resources that interact should match in version to work as expected.

Can you send us FiddlerJam sessions recorded from the working and non-working domains for comparison?

Regards,
Todor
Progress Telerik

[Mohanraj]

Hello Todor,   

i have attached the fiddler Jam redorded link. Please check and let me knowDomain -1  and Domain -2

[Todor]

Hi Mohanraj,

Thank you for the FiddlerJam sessions. Indeed, they demonstrate that you use the same Reporting version on both domains, and https://alpha4a-test.sdms2.com/V2/ fails with the specified error. Based on the Version request, it seems that the service is responsive on https://alpha4-api.payschools.com/v2/api/reports which is used by both clients.

I tested using the same service that returned the Version and Formats as expected. Unfortunately, the rest of the requests required authorization and my attempts failed.

I compared the Version requests from both domains and there wasn't any difference except for the origin and referer domains, which was expected.

Is it possible for the issue to be due to the browser cache? Can you test in incognito mode of the same browser?

Which viewer do you use? Is the issue reproducible with the pure Html5 Viewer?

Unfortunately, the console error is too general and doesn't let me troubleshoot further.

Can you send us a project we may test with?

[Mohanraj]

Even incognito also same problem. this happended only on same browser if i use two domain in different tabs. if i check domain-1 in chrome and domain-2 firefox both the report rendered without issue. 

[Todor]

Hello Mohanraj,

We inspected the available information again with a developer. It seems that the request for the template never gets performed.

Here is the code of our Html5 Viewer that catches the exception and displays the error message:

templateCache.load(options.templateUrl, svcApiUrl, client)
                                .catch(function () {
                                    $placeholder.text(utils.stringFormat(sr.errorLoadingTemplates, [utils.escapeHtml(options.templateUrl)]));
                                    return Promise.reject();
                                })
                                .then(function (result) {
                                    templates = result.templates;
                                    scripts = result.scripts;
                                    return loadStyleSheets(result.styleSheets);
                                })
                                .then(start);

and this is the code of the above function load:

load: function (url, serviceUrl, client) {
                var p = cache[url];
                if (!p) {
                    cache[url] = p = client.get(url)
                        .then(function (html) {
                            var templates = {};
                            var styleSheets = [];
                            var scripts = [];
                            var baseUri = utils.rtrim(serviceUrl, '\\/') + '/';
                            html = utils.replaceAll(html, '{service}/', baseUri);
                            html = utils.replaceAll(html, '{service}', baseUri);
                            var viewerTemplate =
                                $('<div></div>').html(html);
                            utils.each(viewerTemplate.find('template'), function (index, e) {
                                var $e = $(e);
                                templates[$e.attr('id')] = utils.trim($e.html(), "\n \t");
                            });
                            utils.each(viewerTemplate.find('link'), function (index, e) {
                                styleSheets.push(utils.trim(e.outerHTML, "\n \t"));
                            });
                            // Remove any duplicates leaving only the last occurrence to take effect
                            styleSheets = utils.filterUniqueLastOccurance(styleSheets);
                            utils.each(viewerTemplate.find('script'), function (index, e) {
                                scripts.push(utils.trim(e.innerHTML, "\n \t"));
                            });
                            return {
                                templates: templates,
                                styleSheets: styleSheets,
                                scripts: scripts
                            };
                        });
                }
                return p;
            }

We think that the problem occurs in the line cache[url] = p = client.get(url) when executing the function client.get(url). It throws, our code catches the exception and displays the error message.

Unfortunately, we cannot say why the browser throws an exception when executing this function on the second tab only. I suggest stepping through the code of the function client.get(url) while debugging in the browser to see what is the exact problem.

[Mohanraj]

Hello Todor,  we used tr-viewer, we didn't use the cache[url] = p = client.get(url)

<tr-viewer #reportViewer
                  [containerStyle]="viewerContainerStyle"
                  [reportServer]="reportServerUrl"
                  [reportSource]="reportSource"
                  [viewMode]="'INTERACTIVE'"
                  [scaleMode]="'SPECIFIC'"
                  [scale]="1.15"
                  [pageMode]="'SINGLE_PAGE'"
                  [sendEmail]="emailData"
                  [keepClientAlive]="'true'"
                  [renderingBegin]="renderReport">
                  </tr-viewer>

[Todor]

Hi Mohanraj,

Please, note that the Angular Report Viewer is a wrapper of our jQuery Html5 Viewer. The latter calls the function, which throws.

Unfortunately, we cannot reproduce the issue locally, and you need to debug it in the browser to gather more details on the exception.