Stackblitz, Angular Including JSON file not working

Question

I'm using Angular 10.

I'm trying to import data from a JSON file.

I found an example on how to do this on Stackblitz:

You're supposed to add these to compiler options to tsconfig.json:

"resolveJsonModule": true,
"esModuleInterop": true,
"allowSyntheticDefaultImports": true

I'm still getting this error:

Error in src/app/app.component.ts (2:18)
Cannot find module '../assets/kjv/John.json' or its corresponding type declarations.

score 1 · Answer 1 · answered Dec 14 '20 at 15:03

1

Stackblitz does not support static assets at the moment. See: https://github.com/stackblitz/core/issues/72

Workaround: You have to host your static assets somewhere else and link them in your code appropriately.

answered Dec 14 '20 at 15:03

Mart2k

score 0 · Answer 2 · answered Jul 13 '20 at 17:42

0

Your I think import in your github version is wrong, it starts with ./ where as your working stackblitz does not.

import data from './../assets/John.json';

Try removing the first ./

answered Jul 13 '20 at 17:42

cjd82187

1

Sorry to hear... Just an FYI we tried to do something like this at work the other day and ended up not getting it working. We gave up and went back to using http requests to get the JSON data as it just wasn't worth the effort. Was there a reason you can't request the data via an http request? – cjd82187 Jul 13 '20 at 18:28

2 Answers2