1
1

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 3 years have passed since last update.

VuePressでなぜかホットリロードが効かなくなってた....!

Last updated at Posted at 2020-06-05

VuePressは、Vue.js製の静的サイトジェネレーターです。
うろ覚えですが前のときはまだ効いていたような気がしてたんですが、最近VuePressを使っていると...

あれ...? ホットリロードされてない...!?

という現象に出くわしたので、メモ的に残しておこうと思います。

執筆時のVuePressバージョン(2020/06/05時点)

"vuepress": "^1.5.0"

いまのところの解決策...!

調べてみると、2020/05/18時点でGitHubにissueが立てられていました。
Hot reload not working · Issue #2392 · vuejs/vuepress · GitHub

issueのコメントによると、どうやらwatchpackという依存パッケージのバージョンを変えればいまのところいいっぽい...。

package.jsonに以下の記述を追加して、再度yarn installします。

package.json
"resolutions": {
  "watchpack": "1.6.1"
}

自分はこれでホットリロードが効くようになりました!
おそらくVuePress側のバグなのとissue対応の優先順位も高になっているので、次のバージョンあたりで修正されているんじゃないかなと思います、、、!

余談

package.jsonresolutions フィールドは、直接的な依存関係はいじらずに対象の依存パッケージを指定したバージョンで上書きしてくれるような機能みたいです。
これを見るまで知らなかったので、少しタメになりました。

1
1
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
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?