角度 7 - 导入 json 文件 - 编译错误

Question

angular 7 的一个非常好的特性是对 typescript 3.1 的支持：

https://alligator.io/angular/angular-7/

我已将以下 3 行添加到 tsconfig.json 文件 - 在“compilerOptions”部分下：

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

一切看起来都不错——我可以毫无问题地遍历我的 json 文件。

但由于某种原因，我的 IDE 中出现“TS2307：找不到模块”错误：

我尝试将导入语法更改为此处的建议： Importing json file in TypeScript

但没有成功。

有什么想法吗？

编辑：我使用Webstorm 作为 IDE。

Answer 1

所以你没有提到你正在使用的 IDE，但我使用的是 VSCode，帮助我添加的是：

"angularCompilerOptions": {
"annotateForClosureCompiler": false  
}

致src/tsconfig.app.json

我不再有导入问题，我的 IDE 使用 .json 文件。 专业提示，请尝试：

import { default as awsData } from `....`

这将消除在返回的 JSON 对象中添加为 default 属性的导入。

Answer 2

设置"resolveJsonModule": true 后重新启动IDE 应该可以工作。