Warning in angular v11

Although the application compiles and works just fine. There is a warning while building angular 11 application.

Warning: Entry point 'ng2-pdf-viewer' contains deep imports into '/Users/[project path]/node_modules/pdfjs-dist/es5/build/pdf', '/Users/[project path]/node_modules/pdfjs-dist/es5/web/pdf_viewer'. This is probably not a problem, but may cause the compilation of entry points to be out of order.

[arturovt]

This is only a warning, which happens because of how Mozilla ships the pdfjs-dist package.

You can create an ngcc.config.js file on the root level:

- src
  - main.ts
 - package.json
 - ngcc.config.js

And its content should be as follows:

module.exports = {
  packages: {
    'ng2-pdf-viewer': {
      ignorableDeepImportMatchers: [/pdfjs-dist/],
    },
  },
};

Note that this is the recommended way advised by the Angular CLI team, but I can’t guarantee that it will work in all your applications, and I can’t know why it wouldn’t work… At least it works in mine 😃

[jeslove]

This is only a warning, which happens because of how Mozilla ships the pdfjs-dist package.

You can create an ngcc.config.js file on the root level:

- src
  - main.ts
 - package.json
 - ngcc.config.js

And its content should be as follows:

module.exports = {
  packages: {
    'ng2-pdf-viewer': {
      ignorableDeepImportMatchers: [/pdfjs-dist/],
    },
  },
};

Note that this is the recommended way advised by the Angular CLI team, but I can’t guarantee that it will work in all your applications, and I can’t know why it wouldn’t work… At least it works in mine 😃

This end up working for me too Thanks