問題の概要
Next.jsプロジェクトをVercelにデプロイをかけたところ、Module Not Found Error
が発生し、ビルドに失敗した。
00:00:00 Failed to compile.
00:00:00 ModuleNotFoundError: Module not found: Error: Can't resolve 'chart.js/auto' in '/vercel/path0/node_modules/react-chartjs-2/dist'
00:00:00 > Build error occurred
00:00:00 Error: > Build failed because of webpack errors
00:00:00 at /vercel/path0/node_modules/next/dist/build/index.js:15:924
00:00:00 at async Span.traceAsyncFn (/vercel/path0/node_modules/next/dist/telemetry/trace/trace.js:6:584)
なお、エラーが発生したNext.jsプロジェクトは、Chart.jsを使用しアプリ内でグラフ表示を行っていた。
解決
プロジェクト内のpackage.json
を確認したところ、chart.js
ではなくchart
パッケージがインストールされていた。
下記コマンドでchart.js
パッケージをインストールしたところ、エラーは解消されました。
npm uninstall chart react-chartjs-2
npm install --save chart.js react-chartjs-2