在打字稿中导入json

Question

我是typescript的新手。在我的项目中我们使用typescript2，在我的一个要求中我需要导入json文件。 所以我创建了.d.ts文件如下

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

我已将此定义包含在我的tsconfig.json中并导入到我的ts文件中，如下所示

  test.ts
//<refrence path="./test.json"/>
import * as data from './test.json';

当我构建我的代码时，我得到以下错误

Cannot find module './test.json'

注意： - 我不想使用Requirejs

谢谢

Answer 1

使用TypeScript 2.9。+，您只需导入类型安全和智能感知的JSON文件，如下所示：

import testJson from './test.json';
console.log(testJson.yourPropertyName);

确保将这些设置添加到tsconfig.json：

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

Answer 2

我使用.ts和变量中的json数据来处理：

import { data } from './jsonData'; // jsonData.ts

而jsonData.ts就是这样的：

export var data = {
  "key": "value",
  "key2": "value2"
}

Answer 3

按照这篇伟大的文章并根据您使用的TypeScript版本，您可以按照其他2个答案。

他们缺少的情况是您使用TypeScript 2+时。 在这种情况下，如果你有一个像这样的json文件：

{
    "name": "testing"
}

你应该在typings.d.ts文件中添加以下内容：

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

然后导入json文件，如下所示：

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

const word = (<any>data).name;

console.log(word); // output 'testing'