【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のバージョンも同じなので、キャッシュがいたずらしている?
→ 削除しましたがダメなようです。
何かご存知の方いましたらコメントお願いします。
Author And Source
この問題について(【webpack】npm run dev でbuild.jsが読み込めない), 我々は、より多くの情報をここで見つけました https://qiita.com/jgs1202/items/44f94309a05a8d47f6df著者帰属:元の著者の情報は、元のURLに含まれています。著作権は原作者に属する。
Content is automatically searched and collected through network algorithms . If there is a violation . Please contact us . We will adjust (correct author information ,or delete content ) as soon as possible .