导入json;打字稿错误：模块没有导出成员

Question

我正在尝试将.json文件导入到我的Angular8项目中，但是由于某些原因，我不断收到“模块没有导出的成员”错误。

我试图简化代码，但我没有得到结果。

首先，我将其添加到了compilerOptions对象（tsconfig.json）中 “ resolveJsonModule”：是的， “ esModuleInterop”：是，

// assests/example.json
{
  "name": "Spaghetti",
  "desc": "Vegetarische spaghetti bolgnese",
  "rating": 3.7
}

// recipe component
import { example } from '../../../assets/example.json';

  constructor() {
    console.log(example.name);
  }

我不断收到此错误： 模块'“ @ angular / recipe-app / src / assets / example”'没有导出的成员'example'.ts（2305）

我在做什么错了？

Answer 1

您应该有这样的东西

import * as something from '../../../assets/example.json';

然后您可以在.ts文件中引用something

Answer 2

您必须使用不带括号的导入示例。您可以使用以下示例之一：

import example from "../../../assets/example.json";
import * as example from "../../../assets/example.json";