question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Firebase deploy blanc page

See original GitHub issue

Hello, I have met an issue with the firebase deployment. When I do the firebase deploy command everything works fine but when I go to the link from firebase, it shows a blanc page. I inspected it with chrome inspector and I see that this is my index.html but it doesn’t go and root my real index.js page from my react project.

Configuration React Project

firebase 4.2.0 react 16.1.1 react-router 3.2.0 redux 3.7.2

firebase.json

screen shot 2017-11-23 at 17 30 19

public/index.html

screen shot 2017-11-23 at 17 32 07

Source

I have been following : https://gautamthapar.me/deploying-react-app-firebase/#comment-309 https://medium.com/@bensigo/hosting-your-react-app-with-firebase-hosting-add1fa08c214

The link that firebase give me after deploy: https://smartbatz-502a2.firebaseapp.com/

If you have any idea, thank you

Issue Analytics

  • State:closed
  • Created 6 years ago
  • Comments:8

github_iconTop GitHub Comments

3reactions
SSTPIERRE2commented, Apr 13, 2018

@harrymelka hey did you find what happened with this? I followed tutorials that made it look simple but I just get a blank page.

0reactions
Herohtarcommented, Nov 26, 2018

@MincePie The issue that was causing the problem for me was a bug with the deploy caching in firebase-tools that caused certain files to not actually be uploaded like they were supposed to. I temporarily used an older version to work around it, but they fixed the bug so if you have the latest version it shouldn’t be that.

Read more comments on GitHub >

github_iconTop Results From Across the Web

reactjs - Blank page after successful Firebase deployment
I was still seeing a blank host. In this case what you can do is copy the build folder which contains the firebase...
Read more >
Blank page after successful Firebase deployment
However when I try to deploy my application using the firebase init to Firebase, I am seeing a blank page. What could I...
Read more >
Blank page after successful Firebase deployment-Reactjs
[Solved]-Blank page after successful Firebase deployment-Reactjs · in the Chrome dev tools, go to Application->Clear Storage · click on clean site data ·...
Read more >
React App Blank Screen fix on Firebase Deployment (firebase ...
If your React app has a blank screen when you first deploy it on firebase, there's an easy fix for this that I...
Read more >
Angular app deployed to Firebase shows a blank page - Reddit
You 1. test locally, then 2. build it into a minified, single file, packaged directory, and lastly 3. deploy it to hosting.
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found