Errores de la barra lateral de GitHub Copilot Chat en VS Code: Solución

La barra lateral de GitHub Copilot Chat en Visual Studio Code puede mostrar errores como “Failed to load” o “Connection refused” al intentar abrirla. Estos errores suelen ocurrir debido a una caché de extensión corrupta, una versión desactualizada de VS Code o un firewall que bloquea la conexión con los servidores de GitHub. Este artículo explica por qué ocurren los errores y proporciona soluciones paso a paso para restaurar la barra lateral de chat.

Por qué la barra lateral de Copilot Chat no se carga

La barra lateral de Copilot Chat en VS Code depende de la extensión principal de GitHub Copilot y de una conexión estable con la API de GitHub. Cuando la barra lateral muestra un error, uno de estos componentes está roto. La causa raíz más común es una caché local de extensiones corrupta después de una actualización o un cambio de red. VS Code almacena los datos de las extensiones en una caché local que puede volverse obsoleta o corrupta cuando la extensión se actualiza o cuando el sistema cambia de red. Si la caché contiene tokens o archivos de estado desactualizados, la extensión de Chat no puede autenticarse ni cargar la interfaz. Otra causa frecuente es una versión desactualizada de VS Code que carece de las API necesarias para que la extensión de Chat se renderice correctamente. Finalmente, los firewalls corporativos o las VPN pueden bloquear la conexión WebSocket que Copilot Chat utiliza para la comunicación en tiempo real.

Soluciones paso a paso para errores de la barra lateral de Copilot Chat

Prueba estas soluciones en orden. Después de cada solución, prueba la barra lateral de Copilot Chat haciendo clic en el icono de Copilot en la barra de actividades o presionando Ctrl+Shift+I.

Solución 1: Deshabilitar y volver a habilitar la extensión Copilot Chat

1. Abrir la vista de Extensiones
   Presiona Ctrl+Shift+X para abrir el panel de Extensiones en VS Code.
2. Localizar GitHub Copilot Chat
   En el cuadro de búsqueda en la parte superior del panel de Extensiones, escribe “GitHub Copilot Chat”. La extensión debería aparecer en la lista de Instaladas.
3. Deshabilitar la extensión
   Haz clic en el icono de engranaje junto al nombre de la extensión y selecciona Deshabilitar. VS Code te pedirá que recargues la ventana. Haz clic en Recargar.
4. Volver a habilitar la extensión
   Después de que la ventana se recargue, vuelve al panel de Extensiones, encuentra GitHub Copilot Chat nuevamente, haz clic en el icono de engranaje y selecciona Habilitar. VS Code recargará la ventana por segunda vez.
5. Probar la barra lateral
   Presiona Ctrl+Shift+I para abrir la barra lateral de Copilot Chat. Si el error persiste, pasa a la siguiente solución.

Solución 2: Recargar la ventana de VS Code

1. Abrir la Paleta de Comandos
   Presiona Ctrl+Shift+P para abrir la Paleta de Comandos.
2. Ejecutar el comando Recargar ventana
   Escribe “Desarrollador: Recargar ventana” y selecciónalo de la lista. VS Code recargará todas las extensiones y la interfaz del editor sin reiniciar toda la aplicación.
3. Probar la barra lateral
   Presiona Ctrl+Shift+I. Si la barra lateral aún muestra un error, continúa con la Solución 3.

Solución 3: Limpiar la caché de la extensión Copilot

1. Cerrar VS Code por completo
   Sal de VS Code usando Archivo > Salir o cerrando todas las ventanas.
2. Abrir la carpeta de caché de extensiones de VS Code
   Abre el Explorador de Archivos y navega a esta ruta: %USERPROFILE%\.vscode\extensions. Reemplaza %USERPROFILE% con tu carpeta de usuario real, por ejemplo C:\Users\jdoe.
3. Eliminar la carpeta de caché de Copilot Chat
   Busca una carpeta llamada github.copilot-chat- seguida de un número de versión, por ejemplo github.copilot-chat-0.23.0. Elimina esa carpeta completa.
4. Reiniciar VS Code
   Abre VS Code. La extensión Copilot Chat volverá a descargar sus archivos necesarios automáticamente.
5. Probar la barra lateral
   Presiona Ctrl+Shift+I. Si el error continúa, pasa a la Solución 4.

Solución 4: Actualizar VS Code y todas las extensiones

1. Verificar actualizaciones de VS Code
   En VS Code, abre Ayuda > Buscar actualizaciones. Si hay una actualización disponible, instálala y reinicia VS Code.
2. Actualizar todas las extensiones
   Ve al panel de Extensiones (Ctrl+Shift+X). Haz clic en el menú de tres puntos en la parte superior y selecciona Buscar actualizaciones de extensiones. Haz clic en Actualizar todo si hay actualizaciones disponibles.
3. Reiniciar VS Code
   Cierra y vuelve a abrir VS Code.
4. Probar la barra lateral
   Presiona Ctrl+Shift+I. Si el error persiste, continúa con la Solución 5.

Solución 5: Verificar la configuración de red y firewall

1. Verificar la conectividad a Internet
   Abre un navegador y navega a github.com. Si el sitio no carga, resuelve primero tu conexión de red.
2. Deshabilitar VPN o proxy temporalmente
   Si usas una VPN o proxy, desconéctate de él y prueba la barra lateral de Copilot Chat.
3. Permitir VS Code a través del firewall
   Si usas el Firewall de Windows Defender, abre Seguridad de Windows > Firewall y protección de red > Permitir una aplicación a través del firewall. Asegúrate de que Code.exe y Code – Insiders.exe estén permitidos para redes privadas y públicas.
4. Probar la barra lateral
   Presiona Ctrl+Shift+I. Si el error aún aparece, contacta a tu equipo de TI para asegurarte de que github.com y api.github.com no estén bloqueados.

Si Copilot Chat aún tiene problemas después de la solución principal

La barra lateral de Copilot Chat muestra “Iniciar sesión en GitHub” pero ya has iniciado sesión

Esto indica que el token de autenticación falta o ha expirado. Abre la Paleta de Comandos (Ctrl+Shift+P), escribe “GitHub: Cerrar sesión” y selecciónalo. Luego inicia sesión nuevamente usando “GitHub: Iniciar sesión”. Después de iniciar sesión, recarga la ventana usando Desarrollador: Recargar ventana.

La barra lateral de Copilot Chat se abre pero muestra un área blanca vacía

Un área blanca vacía generalmente significa que el proceso host de WebView se bloqueó. Cierra VS Code por completo y luego vuelve a abrirlo. Si el problema se repite, abre el panel de Extensiones, encuentra GitHub Copilot Chat, haz clic en el icono de engranaje y selecciona Configuración de la extensión. Busca la configuración “GitHub Copilot Chat: Webview Host” y cámbiala a “iframe” en lugar del valor predeterminado. Recarga la ventana.

La barra lateral de Copilot Chat devuelve “El host de extensiones terminó inesperadamente”

Este error apunta a un conflicto con otra extensión. Deshabilita todas las extensiones que no sean de Microsoft abriendo el panel de Extensiones, haciendo clic en el menú de tres puntos y seleccionando Deshabilitar todas las extensiones instaladas. Luego habilita solo GitHub Copilot y GitHub Copilot Chat. Si la barra lateral funciona, vuelve a habilitar las extensiones una por una para encontrar la que causa el conflicto.

Fuentes de errores de la barra lateral de GitHub Copilot Chat: Comparación rápida

Síntoma del error	Causa más probable	Solución más rápida
Mensaje “Failed to load” en la barra lateral	Caché de extensión corrupta	Deshabilitar y volver a habilitar la extensión
Área blanca vacía en la barra lateral	Bloqueo del host de WebView	Cambiar el host de WebView a iframe en la configuración de la extensión
Error “Connection refused”	Firewall o proxy bloqueando GitHub	Permitir VS Code a través del firewall o deshabilitar VPN
Solicitud “Iniciar sesión en GitHub” mientras ya has iniciado sesión	Token de autenticación expirado	Cerrar sesión e iniciar sesión nuevamente mediante la Paleta de Comandos

Ahora puedes resolver los errores de la barra lateral de GitHub Copilot Chat deshabilitando y volviendo a habilitar la extensión, recargando la ventana de VS Code o limpiando la caché local de extensiones. Si la barra lateral aún falla, actualiza VS Code y todas las extensiones, y luego verifica la configuración de red y firewall. Para problemas persistentes de barra lateral en blanco, cambia la configuración del host de WebView a iframe para evitar bloqueos del proceso host.