Getting error : Could not find file 'C:\\Telerik\\WebSites\\demos.telerik.com\\reporting\\Reports\\Product Catalog.trdp'

[amol]

Hello All,

From URL https://docs.telerik.com/reporting/knowledge-base/display-web-report-designer-in-angular-application

I have downloaded angular application. I have run the application, but while loading application in browser one ajax request is failing

https://demos.telerik.com/reporting/api/reportdesigner/reports/Product%20Catalog.trdp/ 

getting below error

Getting error :  Could not find file 'C:\\Telerik\\WebSites\\demos.telerik.com\\reporting\\Reports\\Product Catalog.trdp'

Has anyone faced issue regarding this?

Thanks

[amol]

Hello All,
Got the answer of this problem.

Currently code inside designer.component.ts is

this.designer = $("#webReportDesigner")
      .telerik_WebReportDesigner({
        serviceUrl: "https://demos.telerik.com/reporting/api/reportdesigner/",
        report: "Product Catalog.trdp",
      })
      .data("telerik_WebDesigner");
  }

we need to change extension of Product Catalog.trdp => Product Catlog.trdx

So object will look like as 

this.designer = $("#webReportDesigner")
      .telerik_WebReportDesigner({
        serviceUrl: "https://demos.telerik.com/reporting/api/reportdesigner/",
        report: "Product Catalog.trdx",
      })
      .data("telerik_WebDesigner");
  }

Now system will run correctly.

Thanks