Qiita Teams that are logged in
You are not logged in to any team

Log in to Qiita Team
Community
OrganizationAdvent CalendarQiitadon (β)
Service
Qiita JobsQiita ZineQiita Blog
7
Help us understand the problem. What is going on with this article?
@thim

Reactアプリ作成時にエラー"'--jsx' フラグが指定されていないと、JSX を使用できません。"が発生する場合の対処

現在

npx create-react-app hello-world --template typescript

上記コマンドで作成したプロジェクトをVSCode等で開くと、
各種tsxファイルにおいて

'--jsx' フラグが指定されていないと、JSX を使用できません。

上記エラーが発生する場合があります。
これは使用しているTypescriptのバージョンが古いことに起因するものです。

解決方法

ワークスペースのTypescriptを使用しましょう。
以下VSCodeの例

①VSCode右下のTypescriptのバージョンが表示されている箇所をクリック
image.png

②Typescriptのバージョンを選択
image.png

③ワークスペースのバージョンを使用
image.png

④VSCode再起動

以上でエラーは出なくなっているはずです。
お困りの方の手助けになれば幸いです。

7
Help us understand the problem. What is going on with this article?
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
thim
めんどくさいことが大嫌い 自分の代わりにプログラムを書いてくれるプログラムを作りたい キャンプが好き Reactも好き

Comments

No comments
Sign up for free and join this conversation.
Sign Up
If you already have a Qiita account Login
7
Help us understand the problem. What is going on with this article?