【Next.js】webpack.cache.PackFileCacheStrategyのエラーの解決

はじめに

👋こんにちは！Web系の企業に勤務し、地方からフルリモート勤務をしている@takakouと申します🏙️✨

今回は、「webpack.cache.PackFileCacheStrategyのエラーの解決」というテーマで記事をシェアします！📝

記事執筆は未熟者で、至らない点もあるかと思いますが、皆さんのコメントやフィードバックをお待ちしています！🚀💬

目次

1. 概要
2. エラーメッセージ
3. エラーの影響
4. 解決方法
5. 参考文献
6. おわりに

1. 概要

• この記事では、Next.jsアプリケーションのビルド時にwebpack.cache.PackFileCacheStrategyというエラーに遭遇した際の解決方法について説明します。

2. エラーメッセージ

<w> [webpack.cache.PackFileCacheStrategy] Caching failed for pack: Error: ENOENT: no such file or directory, stat '/Users/User名/Next_App/.next/cache/webpack/client-development/18.pack.gz'

3. エラーの影響

• アプリケーションのビルド時に毎回 Terminal にエラーが出る。

4. 解決方法

• Next.jsアプリケーションの ルートディレクトリ直下の「.next」フォルダを削除してアプリケーションを再起動。

理由
出ているエラーが webpack の cache の読み込み失敗に関するエラーなので、ビルド時に、cache しているフォルダごと消しています。

5. 参考文献

6. おわりに

isuue を見ても解決している感じがなかったので根本的な原因はわかりませんでした。

個人的には cache している webpack が怪しいなと思っているのですが、Next.jsに関する理解が甘いせいで完全に原因を探し切れていません。💦

もし、詳しく理解されている方がいらっしゃいましたら知見を共有いただけると幸いです。🙏

今回の記事では、 webpack.cache.PackFileCacheStrategy のエラーを解決する方法について説明しました💾

もし興味を持っていただけましたら、ぜひ他の記事も読んでいただけるとうれしいです！ 📖🌟

(最後に、気づいた方もいらっしゃると思うのですが、絵文字を入れるのは苦手なので、文章に沿った絵文字を挿入するのに、ChatGPTを利用させていただきましたが、いかがでしたでしょうか。不快に思われた方がいたら申し訳ございません 🙇‍♂️)