トラブルシューティングハンドブック: グローバル、画像、その他の非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