1. 首页
  2. 问题
  3. 如何将JSON文件导入TypeScript文件？
一尘不染

如何将JSON文件导入TypeScript文件？

json

我正在使用Angular
Maps构建地图应用程序，并希望导入JSON文件作为定义位置的标记列表。我希望将此JSON文件用作app.component.ts中的marker
[]数组。而不是在TypeScript文件中定义标记的硬编码数组。

导入此JSON文件以在我的项目中使用的最佳过程是什么？任何方向都非常感谢！


阅读 213

收藏
2020-07-27

共1个答案

一尘不染

直到最近的打字稿更新之前，Aonepathan的单行代码都为我工作。

我发现Jecelyn Yeen的帖子建议将该代码段发布到您的TS定义文件中

将文件添加typings.d.ts到具有以下内容的项目的根文件夹中

declare module "*.json" {
    const value: any;
    export default value;
}

然后像这样导入您的数据：

import * as data from './example.json';

2019年7月更新：

Typescript 2.9（docs）引入了更好，更智能的解决方案。脚步：

  1. resolveJsonModule在tsconfig.json文件中添加以下行支持：

    “compilerOptions”: {
    …
    “resolveJsonModule”: true
    }

import语句现在可以假定默认导出：

import data from './example.json';

现在，intellisense将检查json文件，以查看是否可以使用Array等方法。很酷

2020-07-27