エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
【Next.js/React】パスは正しいのにコンポーネントがimportできない時に確認すべきこと - Qiita
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
【Next.js/React】パスは正しいのにコンポーネントがimportできない時に確認すべきこと - Qiita
はじめに とあるNext.jsのサンプルコードを写経していて、Headerコンポーネントをimportしようとしたと... はじめに とあるNext.jsのサンプルコードを写経していて、Headerコンポーネントをimportしようとしたところ、VSCodeに怒られてimportできませんでした。 こういう時は十中八九、パスのtypoや階層構造のミスなので、入念にチェックしましたが、解決できませんでした。 原因 まず赤波線にhoverしてエラーメッセージを確認しました。 ファイル '{省略}/src/app/components/Header.tsx' はモジュールではありません。 ん? モジュールではないってどういうこと?? Headerコンポーネントを確認します。 const Header = () => { return ( <header> <div> <h1>テスト</h1> </div> </header> ) }