typescriptでjsonデータの書き出す方法を教えてください

Question

webstormを利用して、jsonの書き出し方法について調べています。エラーになりうまくコードがかけません。どのように直したらいいのでしょうか。

// sample_json_api.ts

interface APIMapping {
    [path: string]: Function ;
}
interface JSONData {
    [name: string]: JSONData|number|string|boolean| JSONData[];
}
class GetData<T> {
    data: T;
}
class APIClient {
    constructor(public mapping: APIMapping) {}

    get<T extends JSONData>(path: string) {
        const data: T = this.mapping[path]();
         // エラー内容
　　　　　// TS2349: Cannot invoke an expression whose type lacks a 
        // call signature. Type 'GetData()<{}>' has no compatible 
        // call signatures.
        return new GetData()<T>(data);
    }
}
class Person {
    constructor(
        public name: string,
        public age: number
    ) {}
    say() {
        return `${this.name}(${this.age})`;
    }
}

// application
const client = new APIClient({
    "/person/1": Person
});
// エラーの内容  Type 'Person' does not satisfy the constraint 'JSONData'. Index signature is missing in type 'Person'
const person: Person = client.get<Person>("/person/1").data;
console.log(person.say());

Answer 1

訂正ありがとうございます。

// application
const client = new APIClient({
    "sample.json": Person
});
// エラーの内容  Type 'Person' does not satisfy the constraint 'JSONData'. Index signature is missing in type 'Person'
const person: Person = client.get<Person>("sample.json").data;

ファイル名をじかに記述するのは違和感があります。
JSON APIを呼び出すのではないでしょうか？

"sample.json"の構造はこちらと同じと思いますので

例

// url = /api/person/:personId
{
  "name": "foo",
  "age": 20
}

あるいはローカルでのテストですのでsample.jsonをおいているのでしたら
jsonの読み込み処理が必要です。

Comments

[UekiKouji]

インターフェイスを記載するのを忘れていました。この状態で、エラーが出ます。

[UekiKouji]

ご回答ありがとうございます。

[UekiKouji]

指摘ありがとうございます。指摘箇所を修正して見ました。

[UekiKouji]

return new GetData()<T>(data);の箇所で。

[UekiKouji]

TS2349: Cannot invoke an expression whose type lacks a call signature. Type 'GetData()<{}>' has no compatible
call signatures.

[UekiKouji]

のエラーが出力されます。