The path specified for the report is not valid or not found.

[Mohammed Fathima]

I am trying to load the local rdlc report on my sample react application but its not loading 

Could you please help on this ?

Sample Code are below :

/* eslint-disable */

import React from 'react';

import './App.css';

//Report Viewer source

import '@boldreports/javascript-reporting-controls/Scripts/bold.report-viewer.min';

import '@boldreports/javascript-reporting-controls/Content/material/bold.reports.all.min.css';

//Data-Visualization

import '@boldreports/javascript-reporting-controls/Scripts/data-visualization/ej.bulletgraph.min';

import '@boldreports/javascript-reporting-controls/Scripts/data-visualization/ej.chart.min';

//Reports react base

import '@boldreports/react-reporting-components/Scripts/bold.reports.react.min';

var viewerStyle = {'height': '700px', 'width': '100%'};

//var reportPath = 'AreaCharts.rdlc';

var reportData = [{

      value: [

        { SalesPersonID: 281, FullName: 'Ito', Title: 'Sales Representative', SalesTerritory: 'South West', Y2002: 0, Y2003: 28000, Y2004: 3018725 },

        { SalesPersonID: 282, FullName: 'Saraiva', Title: 'Sales Representative', SalesTerritory: 'Canada', Y2002: 25000, Y2003: 14000, Y2004: 3189356 },

        { SalesPersonID: 283, FullName: 'Cambell', Title: 'Sales Representative', SalesTerritory: 'North West', Y2002: 12000, Y2003: 13000, Y2004: 1930885 }

      ],

      name: 'AdventureWorksXMLDataSet'

    }];

 

function App() {

  return (

    <div style={viewerStyle}>

     <BoldReportViewerComponent

     id="reportviewer-container"

     reportServiceUrl = {'https://demos.boldreports.com/services/api/ReportViewer'}

     processingMode = {"Local"}

     reportPath = {'D:\Softwares\Bold Reports\Embedded Reporting\Samples\Common\Data\ReportTemplate\RDLC\AreaCharts.rdlc'}>

     </BoldReportViewerComponent>

    </div>

  );

}

 

export default App;

[Arumugasami Murugesan]

Hi Mohammed, 

 

Thanks for the update,  

  

We have validated the reported issue with provided snap. You have to use the local server url for the report service url. and your local path was not processed in our demo service URL. Our report path property handle only for relative path. We have prepared and attached the sample application for your reference. You have to use our service application for service URL and report path handle in service application. 

 

public void OnInitReportOptions(ReportViewerOptions reportOption)
{
string basePath = _hostingEnvironment.WebRootPath;
// Here, we have loaded the sales-order-detail.rdl report from application the folder wwwroot\Resources. sales-order-detail.rdl should be there in wwwroot\Resources application folder.
FileStream inputStream = new FileStream(basePath + @"\Resources\" + reportOption.ReportModel.ReportPath, FileMode.Open, FileAccess.Read);
MemoryStream reportStream = new MemoryStream();
inputStream.CopyTo(reportStream);
reportStream.Position = 0;
inputStream.Close();
reportOption.ReportModel.Stream = reportStream;
} 

 

 

   

ASP.NET core: https://www.syncfusion.com/downloads/support/directtrac/general/ze/ASP.NET_Core_Report_Viewer1328707214.zip 

   

React: https://www.syncfusion.com/downloads/support/directtrac/general/ze/ReactSample301703683-1179635502.zip 

     

Regards,          

Arumugasami M