Saltar al contenido

Los puntos de interrupción no funcionan al depurar la aplicación React en Chrome a través de Visual Studio Code en Windows 10 y WSL2

Solución:

Me encontré con esto y creo que lo tengo funcionando para mí. Utilizando el .script comando de la Debugger for Chrome extension, Vi la salida a continuación.

› http://localhost:3000/static/js/0.chunk.js (/__vscode-remote-uri__/home/user/projects/TachiWeb-React/src/static/js/0.chunk.js)
    - /home/user/projects/TachiWeb-React/node_modules/@babel/runtime-corejs2/core-js/date/now.js (/home/user/projects/TachiWeb-React/node_modules/@babel/runtime-corejs2/core-js/date/now.js)

Parece que no agrega su webroot a la ruta local inferida. Pero usando ${webRoot}/* tampoco funciona por alguna razón. Si lo hace, su camino se repite dos veces como el resultado a continuación.

/__vscode-remote-uri__/home/user/projects/TachiWeb-React/src/home/user/projects/TachiWeb-React/node_modules/@babel/runtime-corejs2/core-js/date/now.js

Pero escribiendo manualmente "/__vscode-remote-uri__/*" parece solucionar el problema de la ruta duplicada anterior.

Esta es mi configuración de trabajo de launch.json:

{
  "version": "0.2.0",
  "configurations": [
    {
      "name": "WSL Chrome",
      "type": "chrome",
      "request": "launch",
      "url": "http://localhost:3000",
      "webRoot": "${workspaceFolder}/src",
      "sourceMapPathOverrides": {
        "/*": "/__vscode-remote-uri__/*"
      }
    }
  ]
}

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *