Не могу найти модуль json

Question

Мне нужно импортировать этот json файл, который находится в assets filder.

{
    "HOME": "home"
}

Я делаю в своем компоненте:

  import config from "../../../assets/file/config.json";

Но я получаю эта ошибка:

Cannot find module '../../..//config.json'. Consider using '--resolveJsonModule' to import module with '.json' extension

Итак, я изменил свой tsconfig.json таким образом:

{
  "compileOnSave": false,
  "compilerOptions": {
    "baseUrl": "./",
    "outDir": "./dist/out-tsc",
    "sourceMap": true,
    "declaration": false,
    "downlevelIteration": true,
    "experimentalDecorators": true,
    "module": "esnext",
    "moduleResolution": "node",
    "importHelpers": true,
    "target": "es2015",
    "lib": ["es2018", "dom"],
    "resolveJsonModule": true,
    "esModuleInterop": true
  },
  "angularCompilerOptions": {
    "fullTemplateTypeCheck": true,
    "strictInjectionParameters": true
  }
}

Но ошибка не исчезает, она выдается так же. Кто-нибудь может мне помочь?

структура папок

assets/ file/ and in the /file there is the config.jo;

Answer 1

Попробуйте импортировать его прямо из актива как:

 import config from "assets/file/config.json";

И, кроме того, если это не сработает, вам может потребоваться установить «resolveJsonModule»: true в ts.config

Answer 2

Попробуйте оператор импорта ниже: -

import * as config из "../../../assets/file/config.json";