{"meta":{"title":"Problembehandlung bei GitHub Codespaces-Clients","intro":"In diesem Artikel findest du Informationen zur Behebung von Problemen mit dem Client, den du für GitHub Codespaces verwendest.","product":"Codespaces","breadcrumbs":[{"href":"/de/codespaces","title":"Codespaces"},{"href":"/de/codespaces/troubleshooting","title":"Problembehandlung"},{"href":"/de/codespaces/troubleshooting/troubleshooting-github-codespaces-clients","title":"Codespaces-Clients"}],"documentType":"article"},"body":"# Problembehandlung bei GitHub Codespaces-Clients\n\nIn diesem Artikel findest du Informationen zur Behebung von Problemen mit dem Client, den du für GitHub Codespaces verwendest.\n\n
\n\n## Problembehandlung bei dem Visual Studio Code-Webclient\n\nWenn Probleme bei der Verwendung von GitHub Codespaces in einem Browser auftreten, der nicht Chromium-basiert, versuchen Sie, zu einem Chromium-basierten Browser wie Google Chrome oder Microsoft Edge zu wechseln. Alternativ kannst du das [`microsoft/vscode`](https://github.com/microsoft/vscode/issues?q=is%3Aissue+is%3Aopen)-Repository auf bekannte Browserprobleme überprüfen, indem du nach Issues suchst, die den Namen deines Browsers tragen, beispielsweise [`firefox`](https://github.com/microsoft/vscode/issues?q=is%3Aissue+is%3Aopen+label%3Afirefox) oder [`safari`](https://github.com/Microsoft/vscode/issues?q=is%3Aopen+is%3Aissue+label%3Asafari).\n\nWenn Probleme bei der Verwendung von GitHub Codespaces in einem Browser auftreten, der auf Chromium basiert, kannst du überprüfen, ob ein anderes bekanntes Problem mit VS Code im [`microsoft/vscode`](https://github.com/microsoft/vscode/issues?q=is%3Aissue+is%3Aopen)-Repository auftritt.\n\n### Unterschiede zum lokalen Arbeiten in VS Code\n\nWenn du einen Codespace in deinem Browser mit dem VS Code-Webclient öffnest, wirst du einige Unterschiede gegenüber der Arbeit in einem lokalen Arbeitsbereich in der VS Code-Desktopanwendung feststellen. Beispielsweise unterscheiden sich einige Tastenzuordnungen, oder sie fehlen, und einige Erweiterungen verhalten sich möglicherweise anders. Eine Zusammenfassung findest du unter [Bekannte Beschränkungen und Anpassungen](https://code.visualstudio.com/docs/remote/codespaces#_known-limitations-and-adaptations) in der Dokumentation zu VS Code.\n\nDu kannst bekannte Probleme prüfen und neue Probleme mit der VS Code-Erfahrung im [`microsoft/vscode`](https://github.com/microsoft/vscode/issues?q=is%3Aissue+is%3Aopen+codespaces)-Repository melden.\n\n### Visual Studio Code Insiders\n\nVisual Studio Code Insiders ist das am häufigsten verwendete Release von VS Code. Es verfügt über alle aktuellen Features und Fehlerkorrekturen. Darin können jedoch gelegentlich neue Probleme auftreten, die zu einem fehlerhaften Build führen.\n\nWenn du einen Insiders-Build verwendest und Fehler auftreten, solltest du zu Visual Studio Code Stable wechseln und es erneut versuchen.\n\nKlicke unten links im Editor auf , und wähle **Zur stabilen Version wechseln...** aus. Wenn der VS Code-Webclient nicht lädt oder das -Symbol nicht angezeigt wird, kannst du den Wechsel zu Visual Studio Code Stable erzwingen, indem du `?vscodeChannel=stable` an deine Codespace-URL anfügst und den Codespace unter dieser URL lädst.\n\nWenn das Problem in Visual Studio Code Stable nicht behoben wurde, suche nach bekannten Problemen, und protokolliere über die VS Code-Erfahrung im Repository [`microsoft/vscode`](https://github.com/microsoft/vscode/issues?q=is%3Aissue+is%3Aopen+codespaces) ein neues Problem.\n\n### Problembehandlung für den einfachen Browser\n\nWenn du eine Webanwendung in einem Codespace gestartet hast, kannst du eine Vorschau der ausgeführten Anwendung im einfachen Browser anzeigen, der in VS Code eingebettet ist. In einigen Projekten wird die Anwendung automatisch auf einer Registerkarte Einfacher Browser im Editor geöffnet, wenn die Anwendung gestartet wird. Dies geschieht, wenn in der `devcontainer.json`-Konfigurationsdatei für den Codespace die `onAutoForward`-Eigenschaft des Ports, auf dem die Anwendung ausgeführt wird, auf `openPreview` festgelegt ist.\n\n```json\n\"portsAttributes\": {\n \"3000\": {\n \"label\": \"Application\",\n \"onAutoForward\": \"openPreview\"\n }\n}\n```\n\nWenn die Registerkarte Einfacher Browser nicht automatisch geöffnet wird, kannst du den einfachen Browser manuell öffnen, um die Anwendung anzuzeigen.\n\n1. Klicke in VS Code auf die Registerkarte **Ports**.\n2. Klicke mit der rechten Maustaste auf den Port, und klicke dann auf **Vorschau im Editor**.\n\n \n\n#### Die Registerkarte für den einfachen Browser wird nicht automatisch geöffnet.\n\nWenn die `devcontainer.json`-Konfigurationsdatei `\"onAutoForward\": \"openPreview\"` für einen Port angibt, aber der einfache Browser beim Starten einer Anwendung nicht automatisch geöffnet wird, überprüfe, ob die Anwendung an dem in der Konfiguration angegebenen Port gestartet wurde. Die Anwendung kann an einem anderen Port gestartet werden, wenn der beabsichtigte Port ausgelastet ist.\n\nUm die in `devcontainer.json` angegebene Portkonfiguration zu implementieren, schreibt GitHub Codespaces die Konfiguration beim Erstellen eines Codespaces in die Datei `settings.json` von VS Code. Du kannst überprüfen, ob die Konfiguration ordnungsgemäß in `settings.json` in deinen Codespace geschrieben wurde.\n\n1. Gib im Terminal in deinem Codespace den folgenden Befehl ein.\n\n ```bash copy\n cat ~/.vscode-remote/data/Machine/settings.json\n ```\n\n2. Stelle sicher, dass die `settings.json`-Datei Zeilen wie die folgenden enthält.\n\n ```json\n \"remote.portsAttributes\": {\n \"3000\": {\n \"label\": \"Application\",\n \"onAutoForward\": \"openPreview\"\n }\n }\n ```\n\nWenn die `settings.json`-Datei diese Einstellungen nicht enthält, überprüfe, ob Dotfiles aktiviert sind und ob eine Konfiguration in deinen Dotfiles die `settings.json`-Datei überschreibt. Weitere Informationen finden Sie unter [Personalisieren GitHub Codespaces für Ihr Konto](/de/codespaces/setting-your-user-preferences/personalizing-github-codespaces-for-your-account#dotfiles).\n\n#### Die Anwendung wird nicht geladen\n\nGelegentlich kannst du feststellen, dass die Registerkarte Einfacher Browser geöffnet wird, aber anstelle der laufenden Anwendung ein Fehlerseitensymbol oder eine leere Seite anzeigt. Dies kann passieren, wenn die Webanwendung, die du lädst, eine Inhaltssicherheitsrichtlinie (Content Security Policy, CSP) enthält, die die Domänen einschränkt, in die die Seiten der Website eingebettet werden können. Weitere Informationen findest du unter [CSP: frame-ancestors](https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/frame-ancestors) auf der mdn-Website.\n\nMöglicherweise kannst du die Sicherheitsrichtlinie `frame-ancestors` deiner Anwendung lokal ändern, damit die Anwendung im einfachen Browser angezeigt wird. Wenn das Problem durch eine `frame-ancestors`-Richtlinie verursacht wird, solltest du die Anwendung auch anzeigen können, indem du sie auf einer normalen Browserregisterkarte und nicht im einfachen Browser öffnest. Klicke hierzu in VS Code auf die Registerkarte **Ports**, klicke mit der rechten Maustaste auf den Port und dann auf **Im Browser öffnen**.\n\n
\n\n
\n\n## Behandeln von Problemen mit VS Code\n\nWenn du einen Codespace in der VS Code-Desktopanwendung öffnest, wirst du vielleicht einige Unterschiede zur Arbeit in einem lokalen Arbeitsbereich feststellen, aber die Benutzeroberfläche sollte ähnlich sein.\n\nWenn Probleme auftreten, kannst du bekannte Probleme überprüfen und neue Probleme über die VS Code-Erfahrung im [`microsoft/vscode`](https://github.com/microsoft/vscode/issues?q=is%3Aissue+is%3Aopen+codespaces)-Repository protokollieren.\n\n### Visual Studio Code Insiders\n\nVisual Studio Code Insiders ist das am häufigsten verwendete Release von VS Code. Es verfügt über alle aktuellen Features und Fehlerkorrekturen. Darin können jedoch gelegentlich neue Probleme auftreten, die zu einem fehlerhaften Build führen.\n\nWenn du einen Insiders-Build verwendest und Fehler auftreten, solltest du zu Visual Studio Code Stable wechseln und es erneut versuchen.\n\nDu kannst zu Visual Studio Code Stable wechseln, indem du die Visual Studio Code Insiders-Anwendung schließt, die Visual Studio Code Stable-Anwendung öffnest und deinen Codespace erneut öffnest.\n\nWenn das Problem in Visual Studio Code Stable nicht behoben wurde, suche nach bekannten Problemen, und protokolliere über die VS Code-Erfahrung im Repository [`microsoft/vscode`](https://github.com/microsoft/vscode/issues?q=is%3Aissue+is%3Aopen+codespaces) ein neues Problem.\n\n### Problembehandlung für den einfachen Browser\n\nWenn du eine Webanwendung in einem Codespace gestartet hast, kannst du eine Vorschau der ausgeführten Anwendung im einfachen Browser anzeigen, der in VS Code eingebettet ist. In einigen Projekten wird die Anwendung automatisch auf einer Registerkarte Einfacher Browser im Editor geöffnet, wenn die Anwendung gestartet wird. Dies geschieht, wenn in der `devcontainer.json`-Konfigurationsdatei für den Codespace die `onAutoForward`-Eigenschaft des Ports, auf dem die Anwendung ausgeführt wird, auf `openPreview` festgelegt ist.\n\n```json\n\"portsAttributes\": {\n \"3000\": {\n \"label\": \"Application\",\n \"onAutoForward\": \"openPreview\"\n }\n}\n```\n\nWenn die Registerkarte Einfacher Browser nicht automatisch geöffnet wird, kannst du den einfachen Browser manuell öffnen, um die Anwendung anzuzeigen.\n\n1. Klicke in VS Code auf die Registerkarte **Ports**.\n2. Klicke mit der rechten Maustaste auf den Port, und klicke dann auf **Vorschau im Editor**.\n\n \n\n#### Die Registerkarte für den einfachen Browser wird nicht automatisch geöffnet.\n\nWenn die `devcontainer.json`-Konfigurationsdatei `\"onAutoForward\": \"openPreview\"` für einen Port angibt, aber der einfache Browser beim Starten einer Anwendung nicht automatisch geöffnet wird, überprüfe, ob die Anwendung an dem in der Konfiguration angegebenen Port gestartet wurde. Die Anwendung kann an einem anderen Port gestartet werden, wenn der beabsichtigte Port ausgelastet ist.\n\nUm die in `devcontainer.json` angegebene Portkonfiguration zu implementieren, schreibt GitHub Codespaces die Konfiguration beim Erstellen eines Codespaces in die Datei `settings.json` von VS Code. Du kannst überprüfen, ob die Konfiguration ordnungsgemäß in `settings.json` in deinen Codespace geschrieben wurde.\n\n1. Gib im Terminal in deinem Codespace den folgenden Befehl ein.\n\n ```bash copy\n cat ~/.vscode-remote/data/Machine/settings.json\n ```\n\n2. Stelle sicher, dass die `settings.json`-Datei Zeilen wie die folgenden enthält.\n\n ```json\n \"remote.portsAttributes\": {\n \"3000\": {\n \"label\": \"Application\",\n \"onAutoForward\": \"openPreview\"\n }\n }\n ```\n\nWenn die `settings.json`-Datei diese Einstellungen nicht enthält, überprüfe, ob Dotfiles aktiviert sind und ob eine Konfiguration in deinen Dotfiles die `settings.json`-Datei überschreibt. Weitere Informationen finden Sie unter [Personalisieren GitHub Codespaces für Ihr Konto](/de/codespaces/setting-your-user-preferences/personalizing-github-codespaces-for-your-account#dotfiles).\n\n#### Die Anwendung wird nicht geladen\n\nGelegentlich kannst du feststellen, dass die Registerkarte Einfacher Browser geöffnet wird, aber anstelle der laufenden Anwendung ein Fehlerseitensymbol oder eine leere Seite anzeigt. Dies kann passieren, wenn die Webanwendung, die du lädst, eine Inhaltssicherheitsrichtlinie (Content Security Policy, CSP) enthält, die die Domänen einschränkt, in die die Seiten der Website eingebettet werden können. Weitere Informationen findest du unter [CSP: frame-ancestors](https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/frame-ancestors) auf der mdn-Website.\n\nMöglicherweise kannst du die Sicherheitsrichtlinie `frame-ancestors` deiner Anwendung lokal ändern, damit die Anwendung im einfachen Browser angezeigt wird. Wenn das Problem durch eine `frame-ancestors`-Richtlinie verursacht wird, solltest du die Anwendung auch anzeigen können, indem du sie auf einer normalen Browserregisterkarte und nicht im einfachen Browser öffnest. Klicke hierzu in VS Code auf die Registerkarte **Ports**, klicke mit der rechten Maustaste auf den Port und dann auf **Im Browser öffnen**.\n\n