VS CodeでClaude Codeの拡張機能を使っていたら、Claude Codeの画面だけが真っ白(灰色一色)になり、何も表示されなくなった。VS Codeのほかの部分は普通に動いていて、おかしくなったのはClaude Codeのタブの中だけだった。
結論から書くと、コマンドパレットから「Developer: Reload Window」を実行したら元に戻った。VS Code自体を閉じて開き直さなくても、この1つのコマンドで直る。
起きたこと
そのとき私は、自作のスクリプトからClaude Codeを操作していた。Claude Codeの会話のタブの中が、下の画像のように灰色一色になった(タブ名は作業内容が分かるので「セッション1」などに置き換えている)。
入力欄も会話の履歴も表示されていない。なぜこうなったのかは分かっていない。自作のスクリプトで操作していたことが関係しているのかも、確かめていない。
直し方:Developer: Reload Window
VS CodeでCtrl+Shift+Pを押してコマンドパレットを開き、次のコマンドを入力して実行する(途中まで入力すると候補に出てくる)。
Developer: Reload Window
VS Codeのウィンドウが読み込み直され、Claude Codeの画面も元どおり表示されるようになった。
コマンドパレットを開くショートカットは、VS Codeの公式ドキュメントではWindows・LinuxがCtrl+Shift+P、MacがCmd+Shift+P(⇧⌘P)となっている(私はWindowsでしか試していない)。
「Developer: Reload Window」は、VS Codeのウィンドウを読み込み直すコマンドだ。公式ドキュメントでも、設定の変更を反映させるときや、表示されるはずの項目が出てこないときに、このコマンドでウィンドウを読み込み直すよう案内されている。VS Codeを終了して起動し直すより手早く試せる。
試していないこと
私の場合はReload Windowで直ったので、ほかの方法は試していない。Reload Windowで直らないときは、次のような順に試すことになると思う。
- コマンドパレットから「Developer: Restart Extension Host」を実行する(拡張機能を動かしている部分だけを起動し直すコマンド。公式ドキュメントにも出てくる)
- VS Codeをいったん終了して、起動し直す
- Claude Codeの拡張機能を最新版に更新する(拡張機能の一覧で「更新」が出ていないかを見る)
- PCを再起動する
まとめ
- VS CodeのClaude Codeの画面だけが真っ白(灰色)になったら、まず
Ctrl+Shift+P→「Developer: Reload Window」を試す - VS Codeを閉じなくても、このコマンドだけで元に戻った
- 原因は分かっていない。自作のスクリプトからClaude Codeを操作している最中に起きた
参考
- User interface - Visual Studio Code(コマンドパレットのショートカット)
- Telemetry - Visual Studio Code(Developer: Reload Window でウィンドウを読み込み直す例)
- Manage Jupyter Kernels in VS Code - Visual Studio Code(項目が出ないときに Developer: Reload Window を使う例)
- Emmet in Visual Studio Code - Visual Studio Code(Developer: Restart Extension Host)
コメント