resolveJsonModule не работает с Angular 10?

Question

У меня есть файл basi c JSON в папке моих ресурсов нового проекта Angular 10. Angular CLI: 10.0.1 Узел: 14.5.0 ОС: win32 x64 TS C версия 3.9.5. В моем tsconfig. json у меня есть

  "compilerOptions": {
    "module": "commonjs",
    "resolveJsonModule": true,
    "esModuleInterop": true
  }

Я перезапускал vscode несколько раз и пытался скомпилировать из терминала vscode, окна PowerShell и терминала bash, все возвращали одно и то же сообщение: «Рассмотрите возможность использования '--resolveJsonModule' для импорта модуля с расширением '. json'». Я пробовал компилировать с несколькими комбинациями разных опций. На данный момент мне интересно, следует ли мне перезапустить этот проект и просто понизить свою версию Angular?

Answer 1

В Angular версии 10 у нас есть 3 файла «tsconfig».

Вам необходимо добавить параметры «resolveJsonModule» и «esModuleInterop» в файл «tsconfig.app. json» внутри файла « compilerOptions ".

Файл должен выглядеть так:

{
  "extends": "./tsconfig.base.json",
  "compilerOptions": {
    "resolveJsonModule": true,
    "esModuleInterop": true,
    "outDir": "./out-tsc/app",
    "types": []
  },
  "files": [
    "src/main.ts",
    "src/polyfills.ts"
  ],
  "include": [
    "src/**/*.d.ts"
  ]
}