Not able to load PDF or Word doc

[nikhilguptagl]

I am using this code to load a pdf,

import DocViewer, { DocViewerRenderers } from 'react-doc-viewer';

function DocViewerFile() {
  const docs = [
    {
      uri: 'http://10.6.0.220/testing2/560RCR01_DS_en.pdf',
    },
  ];

  return <DocViewer pluginRenderers={DocViewerRenderers} documents={docs} />;
}

export default DocViewerFile;

but I am not able to load that pdf on browser. This is the screenshot -

http://10.6.0.220/testing2/560RCR01_DS_en.pdf is the valid link- I see a PDF on the browser when I put this URL in the browser directly.

Any idea, what is missing here.

[girmahertali]

I'm trying to use the above package but, I'm having same issue me too

[rsun-babu]

pdfjs-dist folder is missing under utils.

Tried copying the files and folder which is visible in node_modules [in the same heirarchy of the build folder]. Didnt work

[nishitaupadhyay]

Do you have an update on this issue ?

[sachinyadav12345]

I tried very hard to find a solution to this issue, but in the end, I went with its alternative or said this is also good. Whatever this issue is presenting, I will say here that you should use this code.

const googleViewer = https://docs.google.com/gview?url=${fileUrl}&embedded=true;

<iframe src={googleViewer} style={{ width: "100%", height: "100%", border: "none", display: isLoading ? "none" : "block" }} title="Document Preview" />