How to read local json file in Angular 8 or Angular 9

first in your tsconfig.json file add the following line. Mehdi 🙂

oh not Mehdi:)

“resolveJsonModule”: true,

then create a file in your assets folder name it whatever you like

import * as siteText from ‘../../../../assets/myjson.json’;

, then on the component you call it import it and call its property 🙂 enjoy

make sure you recompile your project as you brought changes in tsconfig.

tsconfig:

{

  “compileOnSave”: false,

  “compilerOptions”: {

    “baseUrl”: “./src”,

    “paths”: {

      “app/*”: [“app/*”],

      “shared/*”: [“app/shared/*”]

    },

    “importHelpers”: true,

    “outDir”: “./dist/out-tsc”,

    “sourceMap”: true,

    “declaration”: false,

    “module”: “es2015”,

    “moduleResolution”: “node”,

    “emitDecoratorMetadata”: true,

    “experimentalDecorators”: true,

    “target”: “es5”,

    “typeRoots”: [“node_modules/@types”],

    “lib”: [“es2018”, “dom”],

    “resolveJsonModule”: true,

  },

}