pdf.worker.js returns Error 404

[b-asaf]

Hi @wojtekmaj, first I would like to say that this package is great and easy to use.

now, the issue I encounter - When I tried to increase the performance as advised in the readMe file I've encountered an issue.

My code that works is:

import { Document, Page } from 'react-pdf';
....
..extra logic
...
   handleDocumentLoadSuccess = ({ numPages }) => {
        console.log(`document with ${numPages} pages was loaded successfully`);
    }

    handleDocLoadError = (error) => {
        console.error(`failed to load document: ${error.message}`);
    }

    handleLoadProgress = ({ loaded, total }) => {
        console.log(`Loading a document ${(loaded / total) * 100}%`);
    }

    handleLoadSuccess = (page) => {
        console.log(`Now displaying a page number: ${page.pageNumber}`);
    }

    handlePageLoadError = (error) => {
        console.error(`failed to load page: ${error.message}`);
    }

    handleRenderError = (error) => {
        console.error(`failed to render page: ${error.message}`);
    }

    renderReport = () => {
        const report = reports[this.props.guid];

        return (
            <Document
                className="pdf_document"
                file={report}
                onLoadSuccess={this.handleDocumentLoadSuccess}
                onLoadError={this.handleDocLoadError}
            >
                <Page
                    pageNumber={1}
                    width={windowWidth}
                    className="pdf_page"
                    scale={0.5}
                    onLoadProgress={this.handleLoadProgress}
                    onLoadSuccess={this.handleLoadSuccess}
                    onLoadError={this.handlePageLoadError}
                    onRenderError={this.handleRenderError}
                />
            </Document>
        );
    }

This works great and I can see in the console all the relevant logs I added without an error.
(I can see an error in the console - pdf.js:11096 GET http://localhost:8090/pdf.worker.js 404 (Not Found), but the PDF file loaded and visible)

When I change the 1st line of code to:
import { Document, Page } from 'react-pdf/dist/entry.webpack';

• In the console:
  -- No custom error from the added methods
  -- No error regarding pdf.worker.js like mentioned above.

• On the Screen:
  -- Can't see nothing on the screen

• In DevTools the html element is:

<div class="react-pdf__Document pdf_document">
  <div class="react-pdf__message react-pdf__message--loading">Loading PDF…
  </div>
</div>

Is it stuck on loading?
if yes, why?

[wojtekmaj]

Hi,
please see #97 and other issues mentioned in this thread. This topic has already been discussed. Happy coding!