ngx-extended-pdf-viewer: Can't import NgxExtendedPdfViewerModule in my new Angular 11 project

Hello,

I tried to import the ngx-extended-pdf-viewer package to a brand new Angular 11 project, however I’m having issues while serving the app locally:

Error: ./node_modules/ngx-extended-pdf-viewer/fesm2015/ngx-extended-pdf-viewer.mjs 3922:6-15
Can't import the named export 'ɵɵtext' from non EcmaScript module (only default export is available)

Error: ./node_modules/ngx-extended-pdf-viewer/fesm2015/ngx-extended-pdf-viewer.mjs 4004:6-15
Can't import the named export 'ɵɵtext' from non EcmaScript module (only default export is available)

Error: ./node_modules/ngx-extended-pdf-viewer/fesm2015/ngx-extended-pdf-viewer.mjs 4045:6-15
Can't import the named export 'ɵɵtext' from non EcmaScript module (only default export is available)

Error: ./node_modules/ngx-extended-pdf-viewer/fesm2015/ngx-extended-pdf-viewer.mjs 4177:6-15
Can't import the named export 'ɵɵtext' from non EcmaScript module (only default export is available)

Error: ./node_modules/ngx-extended-pdf-viewer/fesm2015/ngx-extended-pdf-viewer.mjs 4185:6-15
Can't import the named export 'ɵɵtext' from non EcmaScript module (only default export is available)

Error: ./node_modules/ngx-extended-pdf-viewer/fesm2015/ngx-extended-pdf-viewer.mjs 4241:6-15
Can't import the named export 'ɵɵtext' from non EcmaScript module (only default export is available)

Error: ./node_modules/ngx-extended-pdf-viewer/fesm2015/ngx-extended-pdf-viewer.mjs 4503:6-15
Can't import the named export 'ɵɵtext' from non EcmaScript module (only default export is available)

Error: ./node_modules/ngx-extended-pdf-viewer/fesm2015/ngx-extended-pdf-viewer.mjs 4572:6-15
Can't import the named export 'ɵɵtext' from non EcmaScript module (only default export is available)

Error: ./node_modules/ngx-extended-pdf-viewer/fesm2015/ngx-extended-pdf-viewer.mjs 4669:6-15
Can't import the named export 'ɵɵtext' from non EcmaScript module (only default export is available)

Error: ./node_modules/ngx-extended-pdf-viewer/fesm2015/ngx-extended-pdf-viewer.mjs 4777:6-15
Can't import the named export 'ɵɵtext' from non EcmaScript module (only default export is available)

Error: ./node_modules/ngx-extended-pdf-viewer/fesm2015/ngx-extended-pdf-viewer.mjs 4839:6-15
Can't import the named export 'ɵɵtext' from non EcmaScript module (only default export is available)

Error: ./node_modules/ngx-extended-pdf-viewer/fesm2015/ngx-extended-pdf-viewer.mjs 4944:6-15
Can't import the named export 'ɵɵtext' from non EcmaScript module (only default export is available)

Error: ./node_modules/ngx-extended-pdf-viewer/fesm2015/ngx-extended-pdf-viewer.mjs 5066:6-15
Can't import the named export 'ɵɵtext' from non EcmaScript module (only default export is available)

Error: ./node_modules/ngx-extended-pdf-viewer/fesm2015/ngx-extended-pdf-viewer.mjs 5130:6-15
Can't import the named export 'ɵɵtext' from non EcmaScript module (only default export is available)

Error: ./node_modules/ngx-extended-pdf-viewer/fesm2015/ngx-extended-pdf-viewer.mjs 5349:6-15
Can't import the named export 'ɵɵtext' from non EcmaScript module (only default export is available)

Error: ./node_modules/ngx-extended-pdf-viewer/fesm2015/ngx-extended-pdf-viewer.mjs 5418:6-15
Can't import the named export 'ɵɵtext' from non EcmaScript module (only default export is available)

Error: ./node_modules/ngx-extended-pdf-viewer/fesm2015/ngx-extended-pdf-viewer.mjs 5482:6-15
Can't import the named export 'ɵɵtext' from non EcmaScript module (only default export is available)

Error: ./node_modules/ngx-extended-pdf-viewer/fesm2015/ngx-extended-pdf-viewer.mjs 5538:6-15
Can't import the named export 'ɵɵtext' from non EcmaScript module (only default export is available)

Error: ./node_modules/ngx-extended-pdf-viewer/fesm2015/ngx-extended-pdf-viewer.mjs 5585:6-15
Can't import the named export 'ɵɵtext' from non EcmaScript module (only default export is available)

Error: ./node_modules/ngx-extended-pdf-viewer/fesm2015/ngx-extended-pdf-viewer.mjs 536:4-25
Can't import the named export 'ɵɵtextInterpolate1' from non EcmaScript module (only default export is available)

Error: ./node_modules/ngx-extended-pdf-viewer/fesm2015/ngx-extended-pdf-viewer.mjs 678:4-25
Can't import the named export 'ɵɵtextInterpolate1' from non EcmaScript module (only default export is available)

Error: ./node_modules/ngx-extended-pdf-viewer/fesm2015/ngx-extended-pdf-viewer.mjs 693:4-25
Can't import the named export 'ɵɵtextInterpolate1' from non EcmaScript module (only default export is available)

Error: ./node_modules/ngx-extended-pdf-viewer/fesm2015/ngx-extended-pdf-viewer.mjs 1524:6-20
Can't import the named export 'ɵɵviewQuery' from non EcmaScript module (only default export is available)

Error: ./node_modules/ngx-extended-pdf-viewer/fesm2015/ngx-extended-pdf-viewer.mjs 1525:6-20
Can't import the named export 'ɵɵviewQuery' from non EcmaScript module (only default export is available)9m

Error: ./node_modules/ngx-extended-pdf-viewer/fesm2015/ngx-extended-pdf-viewer.mjs 1526:6-20
Can't import the named export 'ɵɵviewQuery' from non EcmaScript module (only default export is available)

Error: ./node_modules/ngx-extended-pdf-viewer/fesm2015/ngx-extended-pdf-viewer.mjs 1527:6-20
Can't import the named export 'ɵɵviewQuery' from non EcmaScript module (only default export is available)

Error: ./node_modules/ngx-extended-pdf-viewer/fesm2015/ngx-extended-pdf-viewer.mjs 2812:6-20
Can't import the named export 'ɵɵviewQuery' from non EcmaScript module (only default export is available)

Error: ./node_modules/ngx-extended-pdf-viewer/fesm2015/ngx-extended-pdf-viewer.mjs 4645:6-20
Can't import the named export 'ɵɵviewQuery' from non EcmaScript module (only default export is available)

Error: ./node_modules/ngx-extended-pdf-viewer/fesm2015/ngx-extended-pdf-viewer.mjs 4753:6-20
Can't import the named export 'ɵɵviewQuery' from non EcmaScript module (only default export is available)

Error: ./node_modules/ngx-extended-pdf-viewer/fesm2015/ngx-extended-pdf-viewer.mjs 5218:6-20
Can't import the named export 'ɵɵviewQuery' from non EcmaScript module (only default export is available)

Error: ./node_modules/ngx-extended-pdf-viewer/fesm2015/ngx-extended-pdf-viewer.mjs 5219:6-20
Can't import the named export 'ɵɵviewQuery' from non EcmaScript module (only default export is available)

Error: ./node_modules/ngx-extended-pdf-viewer/fesm2015/ngx-extended-pdf-viewer.mjs 5669:6-20
Can't import the named export 'ɵɵviewQuery' from non EcmaScript module (only default export is available)

Error: ./node_modules/ngx-extended-pdf-viewer/fesm2015/ngx-extended-pdf-viewer.mjs 9024:6-20
Can't import the named export 'ɵɵviewQuery' from non EcmaScript module (only default export is available)

Error: ./node_modules/ngx-extended-pdf-viewer/fesm2015/ngx-extended-pdf-viewer.mjs 9025:6-20
Can't import the named export 'ɵɵviewQuery' from non EcmaScript module (only default export is available)

Error: ./node_modules/ngx-extended-pdf-viewer/fesm2015/ngx-extended-pdf-viewer.mjs 9026:6-20
Can't import the named export 'ɵɵviewQuery' from non EcmaScript module (only default export is available)

Error: ./node_modules/ngx-extended-pdf-viewer/fesm2015/ngx-extended-pdf-viewer.mjs 9027:6-20
Can't import the named export 'ɵɵviewQuery' from non EcmaScript module (only default export is available)

Looks like version 11, 12 and 13 of the package does not work on Angular 11. However it seems to work fine for version 10.5.0 of the package. I also tried to add the latest version of the package for an Angular 12 and 13 project, I encountered no issues.

Here is my package.json:

{
  "name": "angular11-project",
  "version": "0.0.0",
  "scripts": {
    "ng": "ng",
    "start": "ng serve",
    "build": "ng build",
    "test": "ng test",
    "lint": "ng lint",
    "e2e": "ng e2e"
  },
  "private": true,
  "dependencies": {
    "@angular/animations": "~11.2.14",
    "@angular/common": "~11.2.14",
    "@angular/compiler": "~11.2.14",
    "@angular/core": "~11.2.14",
    "@angular/forms": "~11.2.14",
    "@angular/platform-browser": "~11.2.14",
    "@angular/platform-browser-dynamic": "~11.2.14",
    "@angular/router": "~11.2.14",
    "ngx-extended-pdf-viewer": "^13.0.0",
    "rxjs": "~6.6.0",
    "tslib": "^2.0.0",
    "zone.js": "~0.11.3"
  },
  "devDependencies": {
    "@angular-devkit/build-angular": "~0.1102.13",
    "@angular/cli": "~11.2.14",
    "@angular/compiler-cli": "~11.2.14",
    "@types/jasmine": "~3.6.0",
    "@types/node": "^12.11.1",
    "codelyzer": "^6.0.0",
    "jasmine-core": "~3.6.0",
    "jasmine-spec-reporter": "~5.0.0",
    "karma": "~6.1.0",
    "karma-chrome-launcher": "~3.1.0",
    "karma-coverage": "~2.0.3",
    "karma-jasmine": "~4.0.0",
    "karma-jasmine-html-reporter": "~1.5.0",
    "protractor": "~7.0.0",
    "ts-node": "~8.3.0",
    "tslint": "~6.1.0",
    "typescript": "~4.1.5"
  }
}

Here is my app.module.ts:

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';

import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';
import { NgxExtendedPdfViewerModule } from 'ngx-extended-pdf-viewer';

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    AppRoutingModule,
    NgxExtendedPdfViewerModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

Is it normal that I can’t use the latest version of the package in my Angular 11 project ? It is written in the documentation that the minimum required version is Angular 9.

Best regards, Remi