"export 'EventBus' was not found in 'pdfjs-dist/lib/web/ui_utils'

Before you start - checklist

• I have read documentation in README
• I have checked sample and test suites to see real life basic implementation
• I have checked if this question is not already asked

What are you trying to achieve? Please describe.

I am working in rails 6 app and within rails 6 app i’m creating one of my module in react and in that module i’m using react-pdf library but somehow i’m getting this error when i’m importing react-pdf components from react-pdf library: ERROR in ./node_modules/react-pdf/dist/esm/eventBus.js "export 'EventBus' was not found in 'pdfjs-dist/lib/web/ui_utils' i’m getting above error when i wrote like this import {Document, Page, pdfjs} from 'react-pdf'; but i’m not getting error when i wrote like this const pdfjs = require('pdfjs-dist/es5/build/pdf');

i have also tried to create a separate react app from scratch and follow the getting started example and it is working perfectly in react app Any idea guys where i’m going wrong?

[srachner]

I had the same issue and managed to get it working by excluding the pdfjs-dist folder from babel transpilation through adding the following to my environment.js file, as described here

const nodeModulesLoader = environment.loaders.get('nodeModules')
if (!Array.isArray(nodeModulesLoader.exclude)) {
    nodeModulesLoader.exclude = (nodeModulesLoader.exclude == null)
        ? []
        : [nodeModulesLoader.exclude]
}
nodeModulesLoader.exclude.push(/pdfjs-dist/)

[TeemuKoivisto]

Having the unfortunate job of fixing this problem and since this thread seems to come up first in the Google results, I’ll just post my own fix here. So what happened was the pdfjs stopped supporting es5 (see https://github.com/mozilla/pdf.js/issues/13190) out of the box and now you have to do a little dance to keep your code es5 compatible. Eg.

import { getDocument, GlobalWorkerOptions } from 'pdfjs-dist/es5/build/pdf'
import * as pdfjsWorker from 'pdfjs-dist/es5/build/pdf.worker.entry'
import { EventBus, PDFViewer } from 'pdfjs-dist/es5/web/pdf_viewer'
import {
  PDFDocumentLoadingTask,
  PDFDocumentProxy,
  // eslint-disable-next-line import/no-unresolved
} from 'pdfjs-dist/types/display/api'

And you probably have to patch the types by yourself too:

declare module 'pdfjs-dist/es5/build/pdf' {
  export * from 'pdfjs-dist'
}
declare module 'pdfjs-dist/es5/build/pdf.worker.entry'
declare module 'pdfjs-dist/es5/web/pdf_viewer'