JavaScript
TypeScript
React

import/firstエラー解決のためにコメント文が必要

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文より上にコードがあっても無視してくれる.

「無視するだけじゃ結局エラー吐くんじゃ?」とも思ったが,確認した限りでは正常に動いているので御の字.

ちなみにコメント記法が"//"だと動作しない."/**/"で初めて動作する.
(議論の下の方を見るまで僕も騙されて禿げそうになっていた)