Unable to fetch report design from server side to client side

Hi Chayan,

I have reviewed your project on my side and found that webpack.config,js file is used to register Globalize library in your application. Note that, in this case, the web pack was required to overcome a known Angular CLI issue that was discussed in the Can't get Globalize to work inside an Angular CLI project thread. But this issue was finally resolved in Angular CLI 6, so now, it is not necessary to call the ng eject command. Check the aforementioned thread for more details.
So to register a Globalize package in your application it is sufficient to add the following code to tsconfig.json file when Angular CLI 6 is used:

JavaScript
"paths": {  
  "globalize": [  
    "node_modules/globalize/dist/globalize"  
  ],  
  "globalize/*": [  
    "node_modules/globalize/dist/globalize/*"  
  ],  
  "cldr": [  
    "node_modules/cldrjs/dist/cldr"  
  ],  
  "cldr/*": [  
    "node_modules/cldrjs/dist/cldr/*"  
  ]  
}  

Also, I found that old versions of devexpress-reporting, devextreme,  jquery and jquery-ui packages are referenced in your project's package.json file. As your server-side application uses DevExpress components of version 18.1, the packages should be also updated:

JavaScript
"devexpress-reporting": "~18.1.4",  
"devextreme": "~18.1.4",  
"jquery": "^3.1.1",  
"jquery-ui": "^1.12.1"  

After doing that, remove the package-lock.json file from your project and re-install the npm packages by clearing the node_modules folder and running the npm install command.

In any case, I attached a workable sample project that demonstrates the correct configuration for Angular CLI 6.