TSX(TypeScript+JSX)ではキャスト<any>が書けない

Question

TypeScript内でJSX表記ができるTSXが出たのでReact.jsをTypeScriptで書くのが便利になりましたが、TypeScriptのキャストがJSX表記と被ってしまいます。

例えば、プラグイン等の関係でjQueryがwindow.$として必要な場合、次のように<any>へキャストしながら設定するかと思います。

(<any>windows).$ = require("jquery");

拡張子".ts"の普通のTypeScriptであれば問題ありませんが、拡張子".tsx"のJSX表記ありのTypeScriptではキャストの<any>部分がJSX表記とみなされ、エラーになってしまいます。このようにTSXでキャストをしたい場合、どのように書けば良いのでしょうか？

Answer 1

古い質問なのですでに答えを見つけられているかもしれませんが、(window as any).$ = require("jquery");で行けませんか？

interface MyWindow extends Window {
    $: /*jqueryの型情報*/;
}

(window as MyWindow).$ = require("jquery");

とかにすると同じスコープの中でWindowオブジェクトを呼ぶときに、IDEが少し賢くなってくれるかもしれません。

Comments

[raccy]

古い質問に回答ありがとうございます。もともと困っていたソースは、その後色々整理した結果、キャストが必要なところがTSXじゃないただのTSファイルになったので、問題がなくなり放置していました。

キャストは最終手段なのであまり使いませんが、使うときは参考にさせていただきます。