Importing json; Typescript error: Module has no exported member

Question

I'm trying to import a .json file into my Angular8 project, but for some reason I keep getting the 'Module has no exported member' error.

I tried to simplify the code, but no result this is what I have.

First I added this in the compilerOptions object (tsconfig.json) "resolveJsonModule": true, "esModuleInterop": true,

// assests/example.json
{
  "name": "Spaghetti",
  "desc": "Vegetarische spaghetti bolgnese",
  "rating": 3.7
}

// recipe component
import { example } from '../../../assets/example.json';

  constructor() {
    console.log(example.name);
  }

I keep getting this error: Module '"@angular/recipe-app/src/assets/example"' has no exported member 'example'.ts(2305)

What am I doing wrong?

Hasan Fathi · Accepted Answer · 2021-01-01 17:10:23Z

10

You have to use the import without the brackets around the example. You can use one of the following examples:

import example from "../../../assets/example.json";

OR

import * as example from "../../../assets/example.json";

edited Jan 1, 2021 at 17:10

Hasan Fathi

6,1764 gold badges49 silver badges67 bronze badges

answered Oct 10, 2019 at 14:38

SeppeDev

2,3122 gold badges16 silver badges28 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Noy Oliel Over a year ago

I've added both (angular 11) and I'm still getting error: "compilerOptions": { "resolveJsonModule": true, "esModuleInterop": true, "outDir": "./out-tsc/app", "types": [], "paths": { "@angular/*": [ "./node_modules/@angular/*" ] } },

SeppeDev Over a year ago

@olNoy did you set "resolveJsonModule": true in the tsconfig.json file?

Noy Oliel Over a year ago

Yes. I'm using webstorm. It might be related to the IDE as I was able to build and run the angular application

Ramana · Accepted Answer · 2019-10-10 14:26:14Z

0

You should have something like this

import * as something from '../../../assets/example.json';

and then you can refer something in your .ts file

answered Oct 10, 2019 at 14:26

Ramana

1,9853 gold badges21 silver badges34 bronze badges

Collectives™ on Stack Overflow

Importing json; Typescript error: Module has no exported member

2 Answers 2

3 Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Related