«модуль»: «esnext» в tsconfig.json не удалил ошибку динамического отложенного загрузки модуля

Question

После обновления моего приложения до angular 8 мои маршруты не изменились на новый синтаксис loadChildren: () => import('./listing/listing.module').then(m => m.ListingModule), поэтому я сделал это вручную, но у меня появляется ошибка Dynamic import is only supported when '--module' flag is 'commonjs' or 'esNext'..

После прочтения некоторых ответов я обнаружил, что изменить "module": "esnext" в файле tsconfig.json. Но даже после этого изменения моя ошибка все еще там.

Ниже мой код:

tsconfig.json

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

tsconfig.app.json

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

Может кто-нибудь сказать, что не так в коде?

Answer 1

Сначала попробуйте перезапустить ваш угловой сервер, а также

Если это не так, добавьте это в свой tsconfig.app.json также

"module": "esnext"

Answer 2

Это может помочь, мой tsconfig.app.json выглядит так:

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