Comment by Killed_Mufasa on 01/03/2025 at 00:53 UTC*

4 upvotes, 1 direct replies (showing 1)

View submission: React App Completely Unresponsive After Git Clone and npm Install

Sounds like it's time to go back to the basics for debugging, in no particular order:

• Restart your laptop
• Try another browser
• Start a new IDE project, clone your project again
• Put console.log in render functions
• Track memory usage, is the app simply lagging?
• Trim down you app to the minimum
• Clone your repo at an earlier point in time
• Is the JS loaded in properly? Check event handlers for elements in DOM.

Also, please explain this further.

The browser dev tools don't seem to recognize any elements on the page, as if it's just a blank screen, even though all the components are there.

What dev tool? What is blank? How do you know all components are there? Maybe provide some screenshots.

I would put my money on a memory leak in your app somewhere. Maybe some loop, maybe even triggered by something in your local/session/cookie storage.

Replies

Comment by bycmlla at 01/03/2025 at 11:59 UTC

1 upvotes, 1 direct replies

https://drive.google.com/drive/folders/1eSpWdUKg8HgGlryqFrixRG01EXi8fAUP?usp=sharing[1][2]

1: https://drive.google.com/drive/folders/1eSpWdUKg8HgGlryqFrixRG01EXi8fAUP?usp=sharing

2: https://drive.google.com/drive/folders/1eSpWdUKg8HgGlryqFrixRG01EXi8fAUP?usp=sharing

I shared screen recordings of my computer with you.

• I have already restarted the laptop.
• I tried it on Opera, Chrome, and Edge.
• I have cloned the project again.
• I added `console.log`, but nothing appears in the console, as if there were no elements to render.
• It is not lagging.

I will test cloning from an earlier point. The JS is loading correctly.

Well, the site does not seem to have any errors. Except that nothing is clickable, and when I use the browser's inspect tool and click on the arrow option to select specific elements, it does not recognize any elements.

Look at the video.