Windows10 & create-react-appで初期構築した環境でのこと.
Typescriptで記述した".tsx"ファイルを".js"へコンパイルして実行すると,以下のようなエラーが起こる.
Import in body of module; reorder to top import/first
原因は恐らくimport文より上にコード記述があること.
クラスがReact.Componentを継承している場合などで,コンパイル後の".js"ファイルには「import文より上にもコードが書かれている」ことを確認した.
要するに「import文は先頭に書け」と意訳しているが,コンパイルしているのは僕ではなくtsc(コンパイラ)なので困る.
そこで,GitHub上で見かけた議論より,該当ファイル先頭に以下のコメント文を追記することで解決した.
/* eslint-disable import/first */
ESLINTに関する問題とのことで,上記コメント文を該当ファイルに加えておけば,import文より上にコードがあっても無視してくれる.
「無視するだけじゃ結局エラー吐くんじゃ?」とも思ったが,確認した限りでは正常に動いているので御の字.
ちなみにコメント記法が"//"だと動作しない."/**/"で初めて動作する.
(議論の下の方を見るまで僕も騙されて禿げそうになっていた)