2016-11-12 7 views
2

Swagger Code Generatorを使用して、ブラウザで使用できるTypeScript Fetchクライアントを作成したことがありますか? TypeScriptを使用するReactアプリケーション内で、生成されたAPIクライアントを使用しようとしています。Swagger Codegen TypeScriptフェッチクライアントの使用方法

私は成功したクライアント(すなわちapi.tsファイル)を生成してきましたが、私はそれは、以下の輸入で始まるという事実にハングアップ取得しています:私が正常に見つけることができますが

import * as querystring from "querystring"; 
import * as url from "url"; 

import * as isomorphicFetch from "isomorphic-fetch"; 
import * as assign from "core-js/library/fn/object/assign"; 

interface Dictionary<T> { [index: string]: T; } 
export interface FetchAPI { (url: string, init?: any): Promise<any>; } 

... 

に同形フェッチとコアjのためのTypeScript型(つまり@types)は、クエリー・ストリングとURLの型を見つけることができません。その結果、querystringurlassignのインポートでは[ts] Cannot find module...が得られます。

このクライアントは実際にブラウザ内で使用するつもりはありませんか?そうでなければ、誰かが私がここで間違っているかもしれないことに対する提案を提供できますか?

ありがとうございました!

+0

Typescript-Fetch Petstoreクライアントのテストは、https://github.com/swagger-api/swagger-codegen/tree/master/samples/client/petstore/typescript-fetch/tests/default/testです。これらは助けになるだろうか? –

+0

ちょうどFYI:NSwag(http://nswag.org、私は作者です)とswaggerファイルからTypeScript Fetchクライアントを生成することもできます。それは期待される定義、すなわちwhatwg-fetchのみをインポートする –

答えて

1

wing328というリンクをありがとうと、「TypeScript Fetch」固有のreadmeにつながるパスが表示されてしまいました。特に、ここではhttps://github.com/swagger-api/swagger-codegen/tree/master/samples/client/petstore/typescript-fetch/builds/es6-target#installation Swagger Code GeneratorがJavaScriptを直接作成しないようにexpalinします。npm installまたは `npm publish 'を実行する必要があります。これにより、JavaScriptベースのAPIと関連する入力をdistフォルダで見つけることができます。

関連する問題