Chrome Browser with localhost - reactjs

Testing an e-commerce website, it's MERN stack when I run npm run develop chrome opens the page on localhost but I'm unable to click anything on it.
I open Microsoft Edge go in the localhost the application works properly, can add to cart, go into payment, everything works.
Was there an update on Chrome and how I fix this issue
Works on Microsoft Edge not on Chrome

Related

close all network request in chrome devtool

I created a React and Spring boot project (not mvc). I build the React part by using "npm run build" and added the ssl certificate. This project is running inside windows server. But when I make request to backend I can see all the request in dev tools and it is big issue for safety. also when user make request to login it is appeared in chrome devtools username and password. How can I hide them.
Thanks

React npm start works but dev server not

Since this morning I can't launch any React JS Project in my dev server.
I explain. When I launch npm start command, all works fine, no any error message, all works as usual, it opens me a tab in my browser, but it loads forever and I just have a blank page loading.
For information, I works on a Windows System, with WSL Debian distro.
I tried to open it with http://localhost:3000, http://127.0.0.1:3000 and with my local IP adress (that's an exemple) http://192.168.0.1:3000, I also changed browser (Chrome / Edge ), and every thing is the same.
After that I launch with npm start an Express project -> it works like a charm.
I also tried with a Symfony project, here with the PHP dev server php -S 0.0.0.0:8000 -t public and same as Express, it displays normaly in my browser.
So I'm pretty sure there is something with React, but that's on all mys REact projects, not with one particulary, and again, there is no error in my console, output is like everyday, so that's very strange and I really don't get it!
If someone has any idea 🙏

React app not working on Internet Explore for prod environment

After using 'es6-promise-promise' plugin and 'babel-polyfill' is worked in dev environment but isnt working after bundling it for prod environment.
Moreever api's are hit background and receive success response but still on UI nothing is shown. It works fine with Internet edge, Firefox, chrome but not in IE.

Try Jupyter loads a blank browser

I now have Jupyter installed on Debian 8, but would also like the ability to run it without installing on other machines.
When at tryjupyter.org and I click on the "Try it in your browser" button, the tab is a blank page. I've tried this in Firefox, Chrome and Chromium. Any suggestions? Also happens on my Windows 7 guest in VMWare.
Make sure you visit https://try.jupyter.org instead of http://try.jupyter.org. The http link didn't used to work (this has been fixed recently by redirecting to https), but the https link will work.

Ionic Framework app works with "ionic serve" but not in Ionic View app

I have a very small Ionic app I've been working on (just a couple angular routes/views). When I run it using "ionic serve", the app loads in my browser as expected. However, when I upload it using "ionic upload" and view it in the Ionic View app, it appears as though none of my javascript works, or my routes are not working.
How can I debug this issue? Are there build tools to detect errors or anything along those lines?
As #Keval says if you're running Android you can debug on-the-fly using Chrome
enable Developer options on your device (Settings > About, then find Build number and keep tapping it...yes really!)
In Developer options, enable USB debugging checkbox
plug in with a USB cable
run your app on the device.
At some point your device will then show a popup requiring you to accept debug commands from the remote computer, click Accept. If it doesn't appear the first time, unplug and replug usually fixes it
head to chrome://inspect in desktop Chrome, and click inspect under your device
A new Chrome window will open with all the juicy abilities you need - inspect code, set breakpoints, look at network speeds, access the console and so on
You can also do this on iOS via Safari http://developer.telerik.com/featured/a-concise-guide-to-remote-debugging-on-ios-android-and-windows-phone/
I had the same issue recently. The problem was that I stored my Ionic views NOT in /templates folder.
Please, check, maybe my answer will be useful for you.

Resources