could not find module in loading a json into component in angular4

Question

I am using angular4, in a simple component I am trying to load a json, the json and component are on the same path/folder.

import metacoin_artifacts from './MetaCoin.json';

I also tried

import metacoin_artifacts from 'MetaCoin.json';

all of them throw me a error Cannot find module './MetaCoin.json'.

The first approach used to work on one project before, but now it can't work anymore, I don't know what is the difference between them.

Sajeetharan · Accepted Answer · 2017-11-21 02:05:11Z

1

Json is not a module, you cannot load json file as above, you can do it as,

 public getJSON(): Observable<any> {
         return this.http.get("./MetaCoin.json")
                         .map((res:any) => res.json())
                         .catch((error:any) => console.log(error));

 }

answered Nov 21, 2017 at 2:05

Sajeetharan

223k65 gold badges370 silver badges409 bronze badges

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

2 Comments

user824624 Over a year ago

my json file is at the project root, the same path with the src folder. calling the this.http.get('./MetaCoin.json') returns me a GET localhost:4200/MetaCoin.json

Sajeetharan Over a year ago

look at the answer here stackoverflow.com/questions/43275995/…

Collectives™ on Stack Overflow

could not find module in loading a json into component in angular4

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related