Configurar puntos de interrupción y llegar al primer punto de interrupción ahora es muy lento en vscode al depurar una aplicación de React.
Eso solía funcionar mucho mejor hace un par de días, pero ahora, cuando quiero depurar mi aplicación web CRA en Chrome, tengo grandes retrasos (10 – 20 segundos) al establecer o alcanzar puntos de interrupción. Ahora mismo incluso recibí un mensaje de vscode.
[url de la imagen]
que dice:
Está tardando un poco en configurar tus puntos de interrupción. Puedes acelerar esto actualizando los ‘outFiles’ en tu archivo launch.json.
La cosa es: no tengo archivos de salida cuando depuro una aplicación de React.
¿Qué debo configurar allí en su lugar? Nota adicional: estoy utilizando el soporte de depuración de Chrome incorporado en lugar de la extensión de Chrome obsoleta.
davy.ai
Problema de depuración en VSCode para aplicaciones web CRA
Parece que hay un retraso al establecer o alcanzar puntos de interrupción al depurar una aplicación web Create-React-App (CRA) en Google Chrome usando el depurador de VSCode. El depurador de VSCode ha sugerido actualizar ‘outFiles’ en el archivo launch.json para acelerar la configuración de los puntos de interrupción. Sin embargo, en una aplicación de React, no hay “archivos de salida” que se deban configurar como tales.
Para resolver el problema, podemos intentar actualizar la propiedad ‘sourceMapPathOverrides’ en el archivo launch.json. Esta propiedad mapea las ubicaciones de los archivos fuente a las ubicaciones en el servidor. Cuando se alcanzan los puntos de interrupción, VSCode utiliza estos mapeos para localizar el código fuente original.
Puedes intentar agregar la siguiente configuración a tu archivo launch.json:
Este mapeo reemplaza la ubicación de origen webpack:///src/* con la ubicación local ${webRoot}/src/*.
Esperemos que esto resuelva el problema y acelere la configuración de los puntos de interrupción en VSCode.