LoginSignup
0
0

【エラー】インターフェイス'JSX.IntrinsicElements'が存在しないため暗黙的にJSXの要素の型は'any'になります

Posted at

Githubからclone したプロジェクトの App.tsx を開くと以下のエラーが出てきました。
スクリーンショット 2024-06-21 22.41.10.png

原因

プロジェクトにnode_modulesが入っていないため。
Viteなどで立ち上げると本来入っているフォルダ郡ですが、クローンだと無いようです。

以下を参考に解決しましたので、備忘録として記載します。

解決手順

・yarnのバージョン確認

yarn -v
// 4.0.2

v2以降から、node_modulesの設計が実用的でないため作成しないようにしたらしいです。

・ディレクトリ直下に.yarnrc.ymlを作成

cd プロジェクト名
touch .yarnrc.yml

以下を記述

nodeLinker: node-modules

スクリーンショット 2024-06-23 0.05.28.png

yarnをインストール

yarn install

スクリーンショット 2024-06-23 0.04.51.png

App.tsx を見てみるとエラー表記がなくなりました。

.ymlについて

様々な形式のデータを機械が理解できる形式に変換する(シリアライズ)ための言語です。人間にとっても理解しやすく構造データを表現できるよう標準化された形式になっています。

"YAML Ain't Markup Language" を略した頭字語になっており、ドキュメントではなくデータを対象としていることを強調した名前になっています(マークアップ言語ではない)

シンプルさと読みやすさを念頭に置いて設計されており「インデント」「キーと値」「直感的な表記規則」を利用した構文です。設定ファイルなど、幅広く使用されています。

記述等はこちらがわかりやすかったです。

0
0
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
0
0