メインコンテンツにスキップ

トラブルシューティングハンドブック: グローバル、画像、その他の非TSファイル

宣言マージを使用します。

たとえば、windowグローバルにアタッチするサードパーティのJSスクリプトを使用している場合、Windowを拡張できます。

declare global {
interface Window {
MyVendorThing: MyVendorType;
}
}

同様に、画像やその他の非TS/TSXファイルを「インポート」する場合も同様です。

// declaration.d.ts
// anywhere in your project, NOT the same name as any of your .ts/tsx files
declare module "*.png";

// importing in a tsx file
import * as logo from "./logo.png";

tscはこれらのファイルをバンドルできないことに注意してください。WebpackまたはParcelを使用する必要があります。

関連する問題: https://github.com/Microsoft/TypeScript-React-Starter/issues/12 and StackOverflow