【Webpack】Caching failed for pack: Error: Unable to snapshot resolve dependencies

はじめに

開発サーバを起動(npm run dev)した際に遭遇した以下エラーについて、原因と対処法を記載します。

<w> [webpack.cache.PackFileCacheStrategy] Caching failed for pack: Error: Unable to snapshot resolve dependencies

🪄 概要

上記は、Webpackのキャッシュ機能が依存関係のスナップショット作成に失敗したことを示しています。

主な原因

• 依存パッケージの破損や不整合
• node_modulesやpackage-lock.jsonの不整合
• ファイルやディレクトリのパーミッション問題
• Webpackや関連プラグインのバージョン不整合

🪄 対処法

１：キャッシュのクリア

rm -rf node_modules/.cache

２：node_modulesとpackage-lock.jsonの削除＆再インストール

rm -rf node_modules package-lock.json

３：開発サーバの再起動

npm run dev

👉 以上です！