Laravel,Docker,Bootstrapでの開発でCSSが効いたり、効かなかったりする現象

Question

前提・問題

・Docker
・Laravel6
・Bootstrap v4.6.0
にて開発をしています。

Bootstrapとは別のCSSファイルでフロントを整えている際に、CSSの変更がきちんと反映される時と、反映されない時があります。反映されなくなると何をしても変更できなくなります。

ただ何かがきっかけで変更が反映されだすようになります。その「何か」がわからないため質問させていただきました。

質問

今起っている原因は何が考えられるでしょうか？
また解決するにはどうしたらよいでしょうか？
（雑な質問で申し訳ありません。）

試したこと

Laravel側のキャッシュのクリアを試しましたが解決しません。

php artisan view:clear

補足

Bootstrapによって打ち消されているかと思い、CSSファイルの読み込み順を確認しましたが、Bootstrapとは別のCSSファイルを後に読み込んでいました。

Answer 1

私もブラウザキャッシュの影響ではないかと思います。
CSSファイル名の後ろに、クエリパラメータ（=下記例の?ver01の部分）を付ける事でも、
キャッシュを回避できます。
（CSSの内容を変更する度に、クエリパラメータも変更が必要ですが）

クエリパラメータはどんな文言でもOKです。

例）
<link href="hoge.css?ver01"/>

Comments

[you3]

ご回答ありがとうございました！
別のキャッシュの回避方法を知れて助かりました。

Answer 2

単純にブラウザキャッシュでは？
スーパーリロード（Ctrl+F5）を試して下さい。

Comments

[you3]

おっしゃる通りブラウザキャッシュの問題でした。
macなので、Command + Shift + Rでスーパーリロードして解決しました。
ありがとうございました！