Why does VSCode freeze when debugging a large React application with Source Maps enabled?
I'm trying to implement I'm relatively new to this, so bear with me... I'm experiencing frequent freezes in Visual Studio Code during debugging sessions of my React application, especially when I have Source Maps enabled. I'm using VSCode version 1.70.2 and I've set up my project with Create React App (CRA) version 5.0.0. The application is quite large, with multiple components, and when I hit a breakpoint, the entire editor becomes unresponsive for several seconds. I've tried increasing the memory allocation for Node in my launch configuration by adding this to my `launch.json`: ```json { "version": "0.2.0", "configurations": [ { "type": "chrome", "request": "launch", "name": "Launch Chrome", "url": "http://localhost:3000", "webRoot": "${workspaceFolder}/src", "sourceMaps": true, "outFiles": ["${workspaceFolder}/build/**/*.js"], "runtimeArgs": [ "--max-old-space-size=4096" ] } ] } ``` Even with this configuration, I still face performance optimization. Additionally, I’ve looked into the `settings.json` and added: ```json { "debug.javascript.sourcemaps": true, "debug.javascript.debuggerType": "chrome" } ``` I’m not sure if there’s a specific setting or workaround that might help alleviate the freezing. The console doesn't show any specific behavior messages when it freezes, but Chrome does throw a warning: "DevTools failed to load source map: Could not load content for..." which seems to correlate with the freezes. I’ve also checked for any extensions that might interfere, and I’ve disabled everything except the necessary ones for React development. Is there a known scenario with large source maps in VSCode, or is there a better configuration approach I could use to improve performance during debugging? My development environment is Windows. Any ideas what could be causing this? I'd be grateful for any help.