How to integrate pdfviewer to preview pdf files on the file explorer component

fileOpen(args) {          let fileName: string = args.fileDetails.name;          let filePath: string = args.fileDetails.filterPath.replace(/\\/g, "/") + fileName;          let fileType: string = args.fileDetails.type;          if (fileType == ".docx" || fileType == ".txt" || fileType == ".html" || fileType == ".rtf" || fileType == ".xml") {              this.showDocViewer(fileName);              this.getFileStream(filePath, false)          }          else if (fileType == ".pdf") {              this.showPDFViewer(fileName);              this.getFileStream(filePath, true);          }          else if (fileType == ".xlsx") {              this.showExcelViewer(fileName);              this.getBlob(fileName, filePath)          }      }

I have downloaded the Stackblitz file and unzipped it then npm update/ngbuild and get The "favicon.ico asset path must start with the project source root." and the build fails. The Stackblitz app itself works great. Any suggestions would be appreciated.

This is a follow-on question to your reply of January 8, 2021.

I downloaded both those sample links (FileManager-635275105.zip and Sample-Service1202844445.zip) that you provided, and they work just fine together, so I am integrating them into my own project, and have come across one thing that might just be an issue that I don't understand.

In the Angular client example a couple of times the example would fail to load the PDF file with the message "Client-side error is found. Please check the custom headers provided in the AjaxRequestSettings property and web action methods in the ServerActionSettings property." I finally narrowed it down to the url pointed to at line 71 of the app.component.ts file, being down at the time.

This led me to wonder why this "service" is required to be set to that url of "https://ej2services.syncfusion.com/production/web-services/api/pdfviewer", since that is not where the pdf is being loaded from, which is from the Sample Service that was provided in the second download of "Sample-Service1202844445.zip".

I tried clicking the "service" pdfviewer url mentioned above and simply get a basic test page back with "value1" and "value2".

So I tried changing that "service" to something different, including the url for the runnin Sample API Service, but none of these will work.

That is exactly what I have done. I used the service provided in your "Sample-Service1202844445.zip" and have it running, and as mentioned in my request, that API service is what I am trying to use in my serviceURL instead of the demo Syncfusion production service.

I know the API service URL is working because the pdf is getting loaded from there, and NOT from the "service" demo production URL.

So the URL as provided in your "Sample-Service1202844445.zip" works as long as the "service" URL (line 71 of app component.ts), points to your demo production service, while the URL at line 77 + line 179 = "http://localhost:62869/api/FileManager/GetDocument" is the one used to actually retrieve the PDF from the service.

i.e. This example only works with both the URLs pointing to 2 different places.