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, Dec 26 '18 at 18:40
I would suggest getting on their discord, they are pretty active there. — toskv, Dec 26 '18 at 18:42

score 5 · Accepted Answer · answered Dec 26 '18 at 18:42

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 '18 at 18:42

Poul Kruijt

@pierreDuc doesn't that SB use a .ts file with `export const data = {...` ? – Ben Racicot Oct 08 '19 at 14:22
@BenRacicot you are absolutely right, I guess I saved the stack at a wrong point when testing. I've updated it now – Poul Kruijt Oct 09 '19 at 06:42

1 Answers1