Saltar al contenido

Depurar tanto javascript como c # en ASP.NET Core MVC usando VS Code

Solución:

Lo que quieres hacer es depurar 2 procesos diferentes. Con su configuración depura el servidor. Si también desea depurar el navegador, tiene 2 opciones.

Primero opción, simplemente inicie una segunda sesión de depuración. VS Code iniciará automáticamente la depuración de múltiples objetivos. Deberá iniciar una sesión de “adjuntar a Chrome” (consulte a continuación un ejemplo de configuración) o una sesión de “Iniciar Chrome”. Después de eso, depura la instancia de Chrome que eligió o inició y el servidor.

Segundo La opción, posiblemente más conveniente si lo hace mucho, es crear un compuesto. El resultado es lo mismo, pero puede iniciarlo con un clic.
En este caso, puede eliminar las configuraciones de su navegador de inicio que inician su navegador a menos que se adjunte a esa instancia.

Para que funcione, puede probar la configuración de su navegador por separado. Haga que la depuración de Chrome funcione correctamente (ignore el servidor) y luego combínela en el compuesto.

Ejemplo con 2 configuraciones de cromo para iniciar o adjuntar:

La configuración debería verse así: tenga en cuenta que la tomé de mi máquina con Windows en caso de que haya notaciones especiales para macOS o diferentes puertos de depuración.

{
    "version": "0.2.0",
    "configurations": [
        {
            // ...your configuration for .NET Core here... 
            // called .NET Core Launch (web)
        }
        {
            "type": "chrome",
            "request": "launch",
            "name": "LaunchChrome",
            "url": "http://localhost:8080",
            "webRoot": "${workspaceRoot}"
        },
        {
            // This one in case you manually start 2 debug sessions.
            // Like first .net core 
            // then attach to the browser that was started.
            "type": "chrome",
            "request": "attach",
            "name": "AttachChrome",
            "port": 9222,
            "webRoot": "${workspaceRoot}"
        }
    ],
    "compounds": [
        {
            "name": "Debug MVC and Chrome",
            "configurations": [".NET Core Launch (web)", "LaunchChrome"]
        }
    ]
}

Básicamente, utiliza 2 extensiones de depuración diferentes. La extensión del depurador .NET y la extensión del depurador de Chrome. De ahí las 2 partes de configuración diferentes.

Referencia:

Microsoft lo llama “depuración de objetivos múltiples” en VS Code. Consulte los documentos aquí: https://code.visualstudio.com/docs/editor/debugging#_multitarget-debugging

¡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 *