Deployed website on Firebase but unable to view on other browsers - reactjs

First time Firebase user. I've recently deployed my website on Firebase which works fine on Chrome on my laptop, however it doesn't show up when I use other browsers OR when I access it on another device even on Chrome. I found this particular article that had a similar issue (Firebase hosted website won't load (but loads locally)), tried implementing the suggested changes but still didn't work.
I use ReactJS with create-react-app, ran npm-run-build before runningfirebase deploy . I made sure the 'public' folder points to 'build' in the firebase.json file. I've attached the image of the console I get when on Opera: Console Snapshot
I've also emptied my cache as well in case it was a cache issue.
My project is in the following github: https://github.com/tchan90/My-Pet-Infosheet
My website url is: https://my-pet-info-sheet.firebaseapp.com/
Any help or suggestions will be much appreciated!

It looks like this should solve your problem
window.__REDUX_DEVTOOLS_EXTENSION__ ? window.__REDUX_DEVTOOLS_EXTENSION__ && window.__REDUX_DEVTOOLS_EXTENSION__() : f => f

One detail to fix (can't tell if it's the issue): you are initializing Firebase two times, and with different settings each time. Keep just one, preferably using the most recent library release, and check that the project settings are the correct ones, there is also another error that says API key not valid.

Related

Firebase Deployment: My web appear in "project.firebaseapp.com" but not "project.web.app"

I've completely deployed my website with Firebase CLI, and project.firebaseapp.com is accessible and works fine. However, project.web.app keeps showing "Site Not Found".
I'm building my web app with React and already set the folder to "build"
Edit1: I've tried safari, chrome, incognito of both, and also hard refresh and empty cache still showing SITE NOT FOUND.
Edit2: It's working on Line Application Built-in Browser (mobile), but not on Chrome (mobile).
Edit3: Sent the domain to my friends around the world and found out that it's not working for only people living in South East Asia.
As I mentioned in comments, try any other browser. Both the domains are working on my computer. It might just take some time for both to deploy and update the cache.
It's usually better to ask someone who stays far from you and maybe has a different ISP to test update website. I sometimes use Lighthouse and it turns up even it won't show up on my computer. (Apparently the older version gets cached).
I'd recommend disabling cache from network tab in browser console when in development stage:

Can synchronised browser testing be achieved when the user script (Tampermonkey) is developed locally?

I am developing a user script (Tampermonkey) locally. When the local JS changes, I want to automatically refresh the target URL of the user script instead of a local HTML file.
How can this be achieved? I checked every command and configuration information, but did not find a solution, so I came to ask for help.
The method of developing UserScript locally is seen here. The answerer mentioned that browser-sync can be used, but I did not find a way to achieve it.
livereload can solve this problem very well, because livereload is implemented through browser extensions and local programs. When the file changes, the target URL can be refreshed immediately.
http://livereload.com/
https://chrome.google.com/webstore/detail/livereload/jnihajbhpnppcggbcgedagnkighmdlei/related

Deployed a react project. It's only showing a blank page instead of the project

I see other topics regarding this issue, but following their advice has not helped my particular issue.
I have tried following the https://create-react-app.dev/docs/deployment/ documentation on the github pages section. It didn't work the first time, so I thought maybe I did something wrong. So, I also did a hard reset, and started back over and tried it again.
Yesterday I published my calculator project to git hub pages. I then deleted it because someone told me I wouldn't be able to post a dynamic site on there. Well I later found out that a simple calculator is not dynamic site because its not accessing a server. So, I decided to try and post it to gh pages once again. Once again, the gh page is showing a blank page. Apparently this is a common issue.
the gh page link: https://benjamin-wofford.github.io/Purple-Calculator/
and the repository link: https://github.com/Benjamin-Wofford/Purple-Calculator/tree/gh-pages
Please help guide me so that I can get my calculator up on the internet
My manifest.json file somehow was built using HTML code. So, I switched out the code with the actual manifest.json file that was on my local repository, and it fixed the issue.

How to find which file is serving ads in my application?

Ok, somehow I am serving ads in my NodeJS / AngularJS application, but I haven't include this myself.
There's some package or included link sending ads to the client, but the ads are not visible, and the adserve url changes with every request. (The url that can be seen in the screenshot below)
How do I find out which place in my application serves these ads?
PS: I am sure this doesn't come from my local dev pc, my other collegues have this issue as well.
A quick trick may be to search for the url in every files of your repository. If you use a cdn to load your librairies, try to look inside also (you can do that directly in chrome dev tool with ctrl/cmd f in the sources tab).
Hope it will help !
The "adserver" in my project turns out to be a tracking / analytics beacon included by the Realtime.co framework.
Thankfully, the author responded to my email very quickly, and they also provide a beacon-free version of their framework. So problem solved :)

App Engine doesn't recognize file change

Often times when i make small changes in my python or html file and upload it to Google App Engine, the changes doesn't seem to apply. I tried clearing my browser cache, and refresh, but still can't see the small change i made in my html file. How do i fix this? how do i know that the changes get uploaded?
Major changes seems to get updated just fine. But if i change a character for example, it doesn't get uploaded. I can't seem to see the change after clearing my browser cache. So, i assume it doesn't get uploaded. Anyone has experience with this?
Does the version in app.yaml match the version that's selected as default in the admin console? A mismatch would explain what you're seeing.
I had the same problem in Java with eclipse. I had to clear all my project and close eclipse, reopen it and deploy my app to appEngine..
Hope it help you

Resources