在 TypeScript 中导入远程 JSON 文件时出现“找不到模块”错误

【问题标题】：Error "Cannot find module" when importing a remote JSON file in TypeScript在 TypeScript 中导入远程 JSON 文件时出现“找不到模块”错误
【发布时间】：2020-09-13 23:30:22
【问题描述】：

我对本地 JSON 文件没有任何问题。以下代码有效：

import data from "./example.json";

但是，当涉及到像下面这样的远程文件时，它总是报错说“找不到模块”

import data from "https://www.example.com/example.json";

https://www.example.com/example.json 是一个有效的 URL。请帮忙。

【问题讨论】：

标签： json typescript import

【解决方案1】：

我认为您想要实现的是fetch 来自整个网络的 json 文件。因此，您希望对该特定文件发出 HTTP 请求。

尝试以下方法：

let resourceAddress = 'https://www.example.com/example.json';
let data = '';

fetch(resourceAddress)
  .then(response => response.json())
  .then(data => {
    // Do something with your newly loaded json data :)
    doSomethingWith(data);
  });

希望这会有所帮助！

【讨论】：

非常感谢。它完美地工作。我将您的代码添加到 onload 函数以在开始时加载 JSON。