代码之家  ›  专栏  ›  技术社区  ›  Rotem jackoby

Angular7-导入JSON文件-编译错误

  •  0
  • Rotem jackoby  · 技术社区  · 6 年前

    Angular7的一个非常好的特性是支持TypeScript3.1:

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

    我在tsconfig.json文件的“compileoptions”部分添加了以下3行:

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

    一切都很好-我可以在没有问题的情况下迭代我的JSON文件。

    但由于某些原因,我的IDE中出现“TS2307:找不到模块”错误:

    enter image description here

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

    但没有成功。

    有什么想法吗?

    编辑:我使用 Webstorm 作为IDE。

    1 回复  |  直到 6 年前
        1
  •  1
  •   Faraji Anderson    6 年前

    所以你没有提到你使用的IDE,但是我使用VSCODE,帮助我的是:

    "angularCompilerOptions": {
    "annotateForClosureCompiler": false  
    }
    

    src/tsconfig.app.json

    我不再有导入问题,我的ide .json 文件夹。 专业提示,尝试:

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

    这将消除作为 default 返回的JSON对象中的属性。

        2
  •  -2
  •   user2191410    6 年前

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

    推荐文章