Stackblitz, Angular в том числе JSON файл не работает

Question

Я использую Stackblitz: https://stackblitz.com/edit/bible-talk

Я использую Angular 10.

Я пытаюсь импортировать данные из JSON file.

Я нашел пример того, как это сделать на Stackblitz:

https://stackblitz.com/edit/json-import-example?file=src%2Fapp%2Fapp.component.html

Вы должны добавить их в параметры компилятора для tsconfig.json:

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

Я сделал это: https://github.com/JaredMathis/bible-talk/commit/449f6269b85bb53eb5aa245bd709075db4307163

Я все еще получаю эту ошибку:

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

Я сделал совершенно новый Stackblitz. Он там работает. https://stackblitz.com/edit/json-import-not-working?file=tsconfig.json

Answer 1

Я думаю, что ваш импорт в вашей версии github неверен, он начинается с ./, а ваш рабочий stackblitz не работает.

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

Попробуйте удалить первый ./