1
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

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

Posted at

#症状
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のバージョンも同じなので、キャッシュがいたずらしている?
→ 削除しましたがダメなようです。

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

1
2
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?