VSCodeでjsx, tsxファイルを書くと赤い波線が出る

Question

前提・実現したいこと

VSCodeでreactのファイルを書いているのですが、htmlタグに反応してエラーが出てしまいます。エラーを消したいのですがどのようにすればいいですか？

言語モード

![イメージ説明](4b557a1838499010217f26a6a6eb894d.pn

エラー項目

Comments

[hoshi-takanori]

赤線が出てるところにマウスカーソルを合わせると、何かエラーメッセージが出てきませんか？

[rakyo]

エラーメッセージは次のようなものが出ました。
「infer function return type」を押しても何も変わらず、「JS/TSリファクタリングの詳細」を押したら
https://code.visualstudio.com/Docs/languages/typescript#_refactoring
このページに飛ばされました

Answer 1

VSCodeの言語モードが「JavaScript React」や「TypeScript React」になっていないことが原因です。

現在の言語モードは、ファイルを編集しているウィンドウのステータスバー(最下行)の右端あたりを見てください。おそらく「JavaScript」や「TypeScript」になっているのでは。その場合、HTMLで書かれた部分のパースに失敗して波線が表示されます。

ステータスバーの言語モード部分をクリックして、上部に表示されたリストから「JavaScript React」や「TypeScript React」を選択してください。

Comments

[rakyo]

回答ありがとうございます。
言語モードを確認したのですが、「Typescript React」と表示されていますが、エラーがでたままでした

[Daregada]

おっと、判断材料が不足しているので、「ウィンドウ全体のキャプチャ画像」を載せてください。
また、言語モードの部分の画像を用意されたようですが、表示されていません。