Angular 8 – Lazy loading modules : Error TS1323: Dynamic import is only supported when ‘–module’ flag is ‘commonjs’ or ‘esNext’

by

You are using dynamic import so you have to change your tsconfig.json like this to target your code to esnext module

{
  "compileOnSave": false,
  "compilerOptions": {
    "baseUrl": "./",
    "outDir": "./dist/out-tsc",
    "sourceMap": true,
    "declaration": false,
    "module": "esnext", // add this line
    "moduleResolution": "node",
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "importHelpers": true,
    "target": "es2015",
    "typeRoots": [
      "node_modules/@types"
    ],
    "lib": [
      "es2018",
      "dom"
    ]
  }
}

Also make sure to check tsconfig.app.json dont have module and target config something like this

{
  "extends": "./tsconfig.json",
  "compilerOptions": {
    "outDir": "./out-tsc/app",
    "types": []
  },
  "include": [
    "src/**/*.ts"
  ],
  "exclude": [
    "src/test.ts",
    "src/**/*.spec.ts"
  ]
}

More Related Contents:

  1. How do I return the response from an Observable/http/async call in angular?
  2. How to load external scripts dynamically in Angular?
  3. Property ‘…’ has no initializer and is not definitely assigned in the constructor
  4. How to implement RouteReuseStrategy shouldDetach for specific routes in Angular 2
  5. Importing lodash into angular2 + typescript application
  6. Angular 2 Sibling Component Communication
  7. JS : Convert Array of Strings to Array of Objects
  8. angular 2 how to return data from subscribe
  9. Angular 4.3.3 HttpClient : How get value from the header of a response?
  10. In Angular, how do you determine the active route?
  11. Deep copy an array in Angular 2 + TypeScript
  12. How to call JavaScript functions from Typescript in Angular 5?
  13. ngOnInit not being called when Injectable class is Instantiated
  14. Angular 4 pass data between 2 not related components
  15. Angular 2 – communication of typescript functions with external js libraries
  16. Rxjs toPromise() deprecated
  17. How to check for isBrowser in Angular 4
  18. How to achieve a debounce service on input keyup event in angular2 with rxjs
  19. Call a function on click event in Angular 2
  20. How to Pass data from child to parent component Angular
  21. How to resolve Node.js ES6 (ESM) Modules with the TypeScript Compiler (TSC). TSC doesn’t emit the correct file-ext
  22. Angular2 too many file requests on load
  23. Generate dynamic css based on variables angular
  24. Scroll to element on click in Angular 4
  25. How to iterate using ngFor loop Map containing key as string and values as map iteration
  26. Plain Javascript as Angular 2 service
  27. TypeScript TS7015: Element implicitly has an ‘any’ type because index expression is not of type ‘number’
  28. Property ‘catch’ does not exist on type ‘Observable’
  29. angular 2 access ng-content within component
  30. binding data to angular checkbox

Leave a Comment