angular 7-导入json文件-编译错误

Question

angular 7的一个非常不错的功能是对打字稿3.1的支持：

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

我在tsconfig.json文件中的“ compilerOptions”部分下添加了以下3行：

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

一切看起来都很好-我可以毫无问题地遍历json文件。

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

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

但没有成功。

有什么想法吗？

Answer 1

所以您没有提到您正在使用的IDE，但是我使用VSCode，并且添加了什么帮助我：

"angularCompilerOptions": {
"annotateForClosureCompiler": false  
}

致src/tsconfig.app.json

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

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

这将避免将导入作为default属性添加到返回的JSON对象中。

Answer 2

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