從 JSON object 創建 typescript 接口

Question

有沒有辦法將 JSON object 導入到 Typescript 程序中，使其自動成為強類型和常量？

所以如果我有這個代碼person.json ：

{
  "name": "Steven",
  "eyeColor": "brown"
}

我希望能夠將它導入到 Typescript 程序中：

// personTest.ts
const person = require('person.json');
console.log(person.name); // This should be fine
console.log(person.age);  // This should cause a compile-time error, because this property is not defined

Answer 1

將其添加到 tsconfig.json

{

   ... //prev code

   "resolveJsonModule": true, 

}

然后您可以使用 ESM 模塊導入 json 文件，它將自動輸入 object 值

import person from './person.json' //be sure from the json path