Angular 5 External JSON config returning undefined

Question

In my assets i've got a config.json file with an apiUrl

{
    "apiUrl":"https://api.example.com"
}

I've got multiple environments, but one of them needs to be able to be altered after the build.

import * as config from '../assets/config.json';

export const environment = {
    production: true,
    appTheme: "blue-theme",
    apiUrl: config.apiUrl
    appName: "App",
};

in my typings.d.ts i've got

declare module "*.json" {
    const value: any;
    export default value;
}

When i do console.log(config) I get:

{
    apiUrl:"https://api.example.com"
}

But when i do console.log(config.apiUrl) I get:

undefined

Can someone tel me what i'm doing wrong?

Have a look here or a different method stackoverflow.com/a/47938411/1160794 — David
– David, Commented Feb 20, 2018 at 7:42

Ramesh Rajendran · Accepted Answer · 2018-02-20 07:15:07Z

1

How to retrieve Json data

using by node

const config: any = require('../assets/config.json');
export const environment = {
    production: true,
    appTheme: "blue-theme",
    apiUrl: config.apiUrl
    appName: "App",
};

Using by http

How to extract JSON data from http.get in Angular 2 properly?

How to fetch JSON file in Angular 2

edited Feb 20, 2018 at 7:15

answered Feb 20, 2018 at 7:08

Ramesh Rajendran

38.9k49 gold badges159 silver badges241 bronze badges

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

Collectives™ on Stack Overflow

Angular 5 External JSON config returning undefined

1 Answer 1

How to retrieve Json data

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

How to retrieve Json data

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related