3
3

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.

Laravelでvue.jsを反映させるには、ハードリロードが必要だった(自動化もあった)

Last updated at Posted at 2018-09-30

##Vueの更新が反映されず泣く(キャッシュの奴め):

Laravel5.6で、vueのcomponentファイルを更新し、(/resources/assets/js/components内)
「npm run watch」とかしても、
「build success」と出るのに、なぜかvueコンポーネント内容が更新されず、かなり悩まされました。

しばし悩んで、とあるチュートリアル動画を見ていたら、
ハードリロードが必要」というので、やってみると無事更新反映。

考えてみれば、jsファイルがキャッシュされるのは当たり前ですが、
「npm run watch」でその辺も面倒見てくれるのかと思ってしまい、理由になかなか気づけませんでした(汗

思わぬ落とし穴で時間食ったので、私同様ハマった方向けにメモを残します。

追記:最初のハードリロード以降は、無事私の環境では、run watchも機能してくれていますが、
やはり時々、ハードリロードが必要です。

##更に追記(キャッシュ回避自動化):
以下を教えていただき、キャッシュ回避が自動でできるようになりました。ありがたし。
https://qiita.com/ryosukes/items/24a556b9e634c183f93b#ブラウザキャッシュの対策できんの

「キャッシュ回避に、URLパラメータを毎度更新するのが面倒だな」と思ってたので、これは便利でした。

3
3
2

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

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?