【webpack】npm run dev でbuild.jsが読み込めない


症状

Javascript + Vue.js + Webpack で開発しているプログラムで、npm run devが急に動かなくなった!!大変だー!!

「急に」という場合は大体急ではなく原因があるのですが、今回はいまだに原因が見つかっていません。

以下詳しい症状です。
1. 昨日までは動いていた
2. npm run dev 自体にエラーは出ない
3. npm run build は成功する
4. npm run dev を Ctrl + C でkillしてもポートが解放されない(killできていない)
5. localhost:8080などに置いてあるビルド後のファイル(build.jsなど)が読み込めない
6. Activity monitorでnodeのCPU占領率がすごいことになる。

と以上のような症状が出た人向けの記事です。

環境

  • OS: Mac OS Mojave
  • webpack: 4
  • node: v13.5.0
  • vue-cli: 2

お分かりの方もいると思いますが、vue-cliが2系だった頃のプロジェクトで、webpackやnodeを必要に駆られてアップグレードしています。
ここが問題で、@vue/cli(3系)で作ったプロジェクトではこうしたエラーは確認していません。

やったこと

パッケージのバージョン統一

こちらを参考にwebpack, webpack-cli, webpack-dev-serverのバージョンの組み合わせを適切なものにしましたが、失敗

以前のgitのバージョンをrevert

最悪これでいけるだろうという手段。
失敗
nodeのバージョンも変えていないのになぜ。。?

解決策

新たにgithubからcloneしてきてnpm run devしたらいけました。
違いはなんでしょうか。。

webpackやnodeのバージョンも同じなので、キャッシュがいたずらしている?
→ 削除しましたがダメなようです。

何かご存知の方いましたらコメントお願いします。