Невозможно заставить динамический импорт модуля работать с модулем esnext в tsconfig в Angular 5

Question

Я пытаюсь заставить динамический импорт работать в моем приложении angular 5.Что касается этой проблемы github , то в комментарии говорится, что использование module: esnext должно заставить его работать.Это моя конфигурация

"compilerOptions": {
  "outDir": "./dist/out-tsc",
  "noEmitOnError": true,
  "target": "es2016",
  "module": "esnext",
  "experimentalDecorators": true,
  "emitDecoratorMetadata": true,
  "sourceMap": true,
  "moduleResolution": "node",
  "declaration": false,
  "lib": [
    "es2016",
    "dom"
  ]
}

Примечание. Отсутствие es2016 в lib приводит к ошибкам, потому что я использую .find() и .includes для массивов в своем коде.

Я получаюэта ошибка при компиляции

error TS1323: Dynamic import cannot be used when targeting ECMAScript 2015 modules.

Не уверен, почему он по-прежнему говорит о нацеливании на модули ECMA2015, когда у меня module: esnext.

Answer 1

Я настроил tsconfig.app.json:

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

У меня это сработало.

Answer 2

Я понял это.Оказывается, это была глупая ошибка, и я редактировал tsconfig.json в корневой папке, и была другая папка tsconfig.app.json в src, которая переопределяла мои настройки.