Introduction
I deployed a React (Vite) app to Firebase Hosting, but the blue "Firebase Hosting Setup Complete" screen remained unchanged.
I tried redeploying once, but nothing changed, and I was stuck.
In fact, the problem wasn't Firebase, but browser caching.
Problem
The deployment to Firebase was successful (no errors in the logs).
When I opened the app on my smartphone, a new screen appeared.
However, on my PC, the old screen (the blue Firebase page) remained.
Cause
Browsers (especially Chrome) temporarily store (cache) HTML and images to load pages faster.
In other words,
New files were already published on Firebase.
But the browser continued to display the "old HTML" that was previously saved.
As a result, even after fixing the Firebase issue, the old screen remained on my PC.
Solution
In short, "ignore the cache and reload."
Method 1: Force Reload with Shortcut
With the site open in Chrome, press the following:
Ctrl + Shift + R (Cmd + Shift + R on Mac)
➡ This will ignore the cache and retrieve the latest file.
Method 2: Open in Incognito Mode
Ctrl + Shift + N
Incognito Mode does not use the cache,
so the most up-to-date page will always be displayed.
Summary
If the page doesn't refresh after deployment, the first thing to suspect is the cache.
Firebase isn't to blame.
I got stuck on a small issue, but by understanding each step and working through it, I think I made steady progress.
Top comments (0)