Stackblitz，Angular，包括 JSON 文件不起作用答案

【问题标题】：Stackblitz, Angular Including JSON file not workingStackblitz，Angular，包括 JSON 文件不起作用
【发布时间】：2020-12-14 23:03:17
【问题描述】：

我正在使用 Angular 10。

我正在尝试从 JSON 文件导入数据。

我在 Stackblitz 上找到了一个示例：

您应该将这些添加到编译器选项到tsconfig.json：

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

我仍然收到此错误：

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

【问题讨论】：

【解决方案1】：

Stackblitz 目前不支持静态资源。见：https://github.com/stackblitz/core/issues/72

解决方法：您必须将静态资产托管在其他地方，并在代码中适当地链接它们。

【讨论】：

【解决方案2】：

我认为你的 github 版本中的导入是错误的，它以 ./ 开头，而你的工作 stackblitz 没有。

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

尝试删除第一个./

【讨论】：

很抱歉听到...仅供参考，我们前几天在工作中尝试做这样的事情，但最终没有成功。我们放弃并返回使用 http 请求来获取 JSON 数据，因为这不值得。您是否有无法通过 http 请求请求数据的原因？