Debugging Chrome which is crashing on a webpage I built - javascript

I've trying to figure out how to debug Chrome which keeps crashing every couple of hours.
Error Code: Error code: STATUS_BREAKPOINT
The app I built is sort of a sales dashboard that is hooked up to a NodeJS backend and has live updating.
I've navigated over to chrome://crashes/ and found the file but it doesn't seem to be readable. The file extension is .DMP.
I've also taken a look at the Chrome crash page Troubleshoot Chrome crashes (the crash I'm seeing is the Aw, Snap! error message), added the --enable-logging --v=1 to a testing profile and then went to the %LOCALAPPDATA%\Google\Chrome\User Data\chrome_debug.log file.
There's a ton of information there, can anyone send in the correct direction or perhaps give me some tips here?
TIA

Related

While running VS Code Live Server (Go Live), the browser is crashing. I am using Google Chrome as default

While running VS Code Live Server (Go Live), the browser is crashing with the below mentioned error. I am using Google Chrome as default. I re-installed VS Code after uninstalling completely (from cache even), restarted browser, and then restarted PC as well with no use. When I checked "Use Local Ip" in LiveServer>Settings:, server is taking too long to respond and eventually fails to load the page (Error: "This site can't be reached"). Another important thing is that Chrome is opening every other website properly. This problem exists only when opening VS Code Live Server. Below is the error code:
Chrome Browser Error:
"Aw, Snap!
Something went wrong while displaying this webpage.
Error code: STATUS_BREAKPOINT"
Another popup is also showing up simultaneously:
"DevTools was disconnected from the page.
Once page is reloaded, DevTools will automatically reconnect."
(This didn't seem like a bug in the code of script.js)
Found the Solution:
Indeed it is a bug in the code of script.js.
If you are having exactly the same problem as I described, let us first see what we don't need to do, as I found these suggestions everywhere, and none will work when both VS Code and your browser are perfectly fine (they only appear to be not working):
No need to restart or reinstall VS Code.
No need to restart or reinstall browser.
No need to restart the PC
No need to disable browser extensions or VS Code extensions.
No need to change LiveServer Custom Browser; you can keep it
default.
No need to change LiveServer>Settings>Use local ip or Use browser
preview (you can keep them both unchecked if they are already
unchecked by default)
However, if you use firefox, console shows the error: "Uncaught out of memory"
Here, I got the first hint. Firefox at least told me to look at memory, but it is not about the memory we think. It is not about multiple tabs opened, lack of disk space, unstable disk, etc. It is the accidentally generated infinite loop in the code which is causing the memory problem (check your code carefully to find it).
In my case, I accidentally didn't tell it to execute the next iteration (i.e., missing counter update, increment, i++) and it is stuck in the same while loop forever, as the condition is satisfied forever without any counter update.
After fixing the code, the below error might show up in the console. Just refresh the page and it will go away.
"favicon.ico:1 Failed to load resource: the server responded with a status of 404 (Not Found)"
Note: Unless you fix the code or comment it out, other linked files (like .html) in the folder wouldn't work either.

Google Chrome Dev-tools crashes. Error code: STATUS_BREAKPOINT

I have been working on a chrome extension to interact with some DOM elements and put it in a JSON format and have found a bug in my code.
I am able to place the breakpoint in the window but once I reload the page so my script gets reinserted to run from the start my window crashes with the following error message
I have tried to do the same thing on other websites and have had no issues using breakpoints on them. Only this one website seems to have an issue with it.
I have gone through chrome's suggested trouble shooting by reinstalling chrome and clearing my cache and browser history but that also did not work.
Has anyone else encountered and solved this error in the past?

Suddenly Cannot Debug Typescript: DevTools failed to load SourceMap: Could not load content for .... Unknown Error

I need to debug my Ionic React application on Android Emulator, but suddenly I cannot see the source file to debug it.
I cannot debug from bundled js, but the css files are fine tho.
It was not like this before, suddenly today it gives me this error, I cannot debug anything.
What can cause this errors? I cannot see the error message everywhere.
Please help.
I HAVE TRIED
I even try to revert to my last git commit when the error was not exist, apparently when I try to debug my last version, this error comes. I suppose there is something wrong with the chrome browser or maybe the Android Emulator.
UPDATE
I tried to remove my Android Emulator and re-created again, but the errors are still there.
I even tried to debug with Microsoft Edge in edge://inspect, there errors are still there.
I tried to open my other application coded in Ionic React, the application was deployed a long time ago without any of these errors, but now the errors are there.
I have no clue what is happening.
USING MOBILE PHONE WORKS
I tried to debug it in my mobile phone. It works there is no error. So I suppose there is a problem on Chrome to Android Emulator communication.
There really is a problem with my Android Emulator. I tried to create another emulator with different API Level. It works, I suppose removing the emulator from AVD Manager in Android Studio and re-create it, does not really reset the emulator.
My problematic emulator was in API 30 after I create API 29 and debug in it, it works fine.

React native app build success, but nothing displayed

I successfully run the react-native app and emulator also opended.
I'm also getting emulator loading message too
However After that it crashes and nothing display
And I'm getting an error when reload the bundle as below
I'm unable to figure out the issue since I'm a react-native beginner.
Appreciate your suggestions
It seems your emulator not connected to your react-native development server. Sometimes it happen, devices connected and somehow it lost connection with the development server. Try running adb devices command on your terminal to check is your emulator available and detected.
I know this is old but maybe this will help someone else.
This could be happening due to several reasons.
Check emulator is working or if its storage is full? wipe the data.
Syntax error could be because of this. please recheck latest changes files.
Personally, I was stuck due to a small comma error in my code.

Script doesn't change after deploying site on Firebase. Same error persists

I have a website that is hosted by Firebase on which I badly commented some lines of code. That code has been fixed and deployed but the problem persists.
I changed an aspect of the HTML to see if the website gets deployed at all whenever I tell it to and that changed in a few seconds. The error is still there though and if I go in the console and click on the line the error should be on it still shows me my old script which is now fixed.
code my error points to(this is what it actually looked like about 5 deploys ago): https://imgur.com/a/TmA29tP
actual code (removed the comments) (/public/assets/js/login.js): https://imgur.com/a/3pyjTwd
I expected the error to go away after deploying as the site is actually updating its files as I saw after testing it with the HTML element but all I get is the login.js:56 Uncaught SyntaxError: Unexpected end of input error because the comment is badly placed.
EDIT: This solution worked for me: Disabling Chrome cache for website development
it is likely because you need to hard refresh (e.g. bust cache) to see your new site.
In chrome, there is an option to disable caching while you have dev tools open. You should enable that option, refresh the site with dev tools open, and see if your problem persists.

Categories