サーバー専用の部品をブラウザで使った
Module not found: Can't resolve 'fs'
ひとことで言うと
「ファイルを読む(fs)などのサーバーでしか使えない部品を、ブラウザで動く場所で使おうとしました」という意味です。
よくある原因
- ブラウザで動くコンポーネントの中で、fs や path を使っている
- サーバー用の部品を、画面側のファイルで読み込んでいる
自分で確かめること
- エラーの出たファイルが、画面側("use client" のファイルなど)かどうか見る
たいていは、こうすると直ります
ファイルを読む処理は、サーバー側(API や Server Component)に移します。
AIへの伝え方
下の文をコピーして、ChatGPT・Claude・Cursor などに貼り付けてください。トップで貼り付けたエラー文があれば、自動でそれに入れかわります。
次のエラーが出て困っています。プログラミング初心者にもわかるように、原因と直し方を教えてください。必要なら、直したコードも全部見せてください。 【エラー】 Module not found: Can't resolve 'fs' 【やったこと】 (ここに、エラーが出る前にしたことを書く。例:npm run dev を実行した) 【参考】 このエラーは「サーバー専用の部品をブラウザで使った」というもので、よくある原因は次のとおりです。 ・ブラウザで動くコンポーネントの中で、fs や path を使っている ・サーバー用の部品を、画面側のファイルで読み込んでいる どれに当てはまるかを確かめる方法も教えてください。