Import Json file from asset - Angular Production Build Issue

Question

I am importing my json file from asset folder to read some configurations inside the app which works perfectly and I can change the json values based on my requirement

you can refer : https://www.techiediaries.com/import-local-json-files-in-typescript/

But in the production build version, When try to change the values from json file in the asset folder, it reads development data

after the investigation we found that json data are embedded in main-es5 file,

is there is any way to read json file using import method and we can change data dynamically (based on environment)

You'd have to fetch the json file with the HttpClient. I don't think it's possible with the typescript import feature as this will read a bundled version created at compile time as you already found out. If your production json file is already known at compile time you could of course bundle that file instead. — frido
– frido, Commented Dec 10, 2019 at 12:26

Abhinav Kumar · Accepted Answer · 2019-12-10 12:55:12Z

2

I would suggest the cleaner way to load it via HttpClient, and if it contains some configuration, I think this is the way you can change the data in assets and app will load again and again with HttpClient.

And if you want to read based on the environment, typescript import doesn't work.

Create a service, read the JSON via HttpClient based on pre-placed environment-specific JSON.

answered Dec 10, 2019 at 12:55

Abhinav Kumar

3,0741 gold badge19 silver badges31 bronze badges

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

Comments

Avinash Dalvi · Accepted Answer · 2019-12-10 13:12:12Z

-1

This is another alternative solution you can try.

Create one app.constant.ts file

    //
    // ===== File app.constants.ts    
    //
    'use strict';
    export const appConstants = {

       'key':'value',
       'key1':'value'
    };

Import like this in component :

    import {appConstants} from './../app.constants';

Use in component like this :


    this.variable = appConstants.key;

edited Dec 10, 2019 at 13:12

answered Dec 10, 2019 at 13:03

Avinash Dalvi

9,4299 gold badges34 silver badges60 bronze badges

1 Comment

Sooraj Bathery Over a year ago

If we add in a ts file we can't change the value after the app build

Collectives™ on Stack Overflow

Import Json file from asset - Angular Production Build Issue

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related