Help us understand the problem. What is going on with this article?

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

More than 1 year has passed since last update.

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

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

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

v2okimochi
_人人人人人人人人_           >         <           > お き も ち <           >         <            ̄Y^Y^Y^Y^Y^Y^Y^ ̄           
opt
"INNOVATION AGENCY" を標榜するインターネット広告代理店。エンジニア組織 "Opt Techonologies" を中心にアドテクetc...に取り組んでいます。
https://opt-technologies.jp/
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away