After deploying a SPA in Firebase, I noticed that the CSS styles only appear correctly after refreshing the browser. I have created a short video demonstrating the issue:
https://www.youtube.com/watch?v=dIuQ-axizj8
This is my firebase.json configuration:
{
"hosting": {
"public": "build",
"ignore": ["firebase.json", "**/.*", "**/node_modules/**"],
"rewrites": [
{
"source": "**",
"destination": "/index.html"
}
]
}
}
It appears that the issue is related to the background image, as the rest of the application displays the correct styles. You can visit my website to see the problem:
Thank you for your assistance!