Loading Local JSON in Angular on Stackblitz

Question

In general as noted here it's pretty straight forward:

import data from './data.json';

However this does not work in Stackblitz Angular projects.

The linked project logs the following:

preview-3a0c9433aa42f56dbd90b.js:1 SyntaxError: Unexpected token o in JSON at position 1

I think that's a good idea ... Just curious whether there is a simple way to also import it in general? — Ole
– Ole, Commented Dec 26, 2018 at 18:40
I would suggest getting on their discord, they are pretty active there. — toskv
– toskv, Commented Dec 26, 2018 at 18:42

Poul Kruijt · Accepted Answer · 2018-12-26 18:42:31Z

5

When importing, you should not use JSON.parse(). It's already parsed by cli/webpack

import data from './data.json';

test: any = data;

answered Dec 26, 2018 at 18:42

Poul Kruijt

72.3k12 gold badges153 silver badges152 bronze badges

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

2 Comments

@pierreDuc doesn't that SB use a .ts file with export const data = {... ?

@BenRacicot you are absolutely right, I guess I saved the stack at a wrong point when testing. I've updated it now