7
7

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

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

Posted at

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

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

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

7
7
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
7
7

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?