Angular 2 CLI Project read json data from file

Question

I'm trying to read a json file from within my Angular2 src/app folder

The directory structure is as follows:-

And I'm trying to read the file in app.config.js using the following code:-

public load() {
    return new Promise((resolve, reject) => {
        this._http.get("config.json")
            .map(res => res.json())
            .subscribe((data) => {
                this.cache['config.json'] = new ConfigData(data.json());
                resolve(true);
            });
    });
}

But everything I try results in the following error:-

zone.js:2224 GET http://localhost:4200/config.json 404 (Not Found)

Where do I need to put the file?

I've tried moving it to the src directory to no avail. I've also tried:-

app/config.json ./app/config.json

I also added an assets folder under app and added it into there but that didn't work either

What do I need to do?

Thanks

But how did you try to reach it, I mean what did you write to the url in your http request? — eko
– eko, Commented Jul 4, 2017 at 15:53

Abdulla Unais · Accepted Answer · 2017-07-04 16:18:13Z

5

Put the config.json file in assets folder and change the request to following,

public load() {
    return new Promise((resolve, reject) => {
        this._http.get("assets/config.json")
            .map(res => res.json())
            .subscribe((data) => {
                this.cache['config.json'] = new ConfigData(data.json());
                resolve(true);
            });
    });
}

It should work. make sure to relunch the to make the changes reflect in www/assets folder.

answered Jul 4, 2017 at 16:18

Abdulla Unais

6817 silver badges11 bronze badges

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

3 Comments

BigBytes Over a year ago

Still gives the same error:- zone.js:2224 GET localhost:4200/assets/config.json 404 (Not Found)

Abdulla Unais Over a year ago

you have to add the config.json file inside src/assets folder and not inside src/app/assets folder as you have mensioned in the question

webta.st.ic Over a year ago

@BigBytes If this solved the problem, then please mark the answer as correct!

Collectives™ on Stack Overflow

Angular 2 CLI Project read json data from file

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related