#症状
Javascript + Vue.js + Webpack で開発しているプログラムで、npm run dev
が急に動かなくなった!!大変だー!!
「急に」という場合は大体急ではなく原因があるのですが、今回はいまだに原因が見つかっていません。
以下詳しい症状です。
- 昨日までは動いていた
-
npm run dev
自体にエラーは出ない -
npm run build
は成功する -
npm run dev
をCtrl + C
でkillしてもポートが解放されない(killできていない) - localhost:8080などに置いてあるビルド後のファイル(build.jsなど)が読み込めない
- 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のバージョンも同じなので、キャッシュがいたずらしている?
→ 削除しましたがダメなようです。
何かご存知の方いましたらコメントお願いします。