为什么我在 VS Code 1.82-1.84 中遇到渲染问题？

Question

VS Code 1.82 到 1.84 在渲染窗口时出现问题。有时，窗口（除了本机标题栏和菜单栏）只是空的，或者带有一些阴影矩形，例如侧边栏或面板的部分部分呈现，或者某些部分呈现一堆彩色伪像。尝试打开开发人员工具只会显示一个看起来很奇怪的面板，其中有一堆渲染工件。

当我像这样运行 VS Code 时code --verbose，我会ERROR:shared_context_state.cc(81)] Skia shader compilation error在日志中看到。

Answer 1

TL;DR 发布后更新到 VS Code 1.85。

这是VS Code 1.82 引入的已知问题。VS Code 1.82 将其 Electron 版本升级到 Electron 25，它使用 Chromium 114.0.5735.289。

引用发行说明：

某些Mesa版本更新会导致着色器编译损坏，从而导致应用程序 UI 中出现瑕疵。该问题在问题 #190437中进行跟踪，其中还包含 Chromium 错误报告的链接。您可以通过运行并在日志中--verbose查找以下行来识别此问题。ERROR:shared_context_state.cc(81)] Skia shader compilation error

如果您受到此问题的影响，当前的解决方法是删除位于 ~/.config/Code/GPUCache 的 GPU 缓存。

引用的 Chromium 问题票证为Issue 1442633: Skia 着色器编译错误 [ERROR:shared_context_state.cc]。据称它已在commit3290d6a中修复。目前正在讨论将修复程序向后移植到 Electron 版本中。修复需要一段时间才能进入 Electron，然后从那里进入 VS Code。Electron 向后移植工作现已由 Deepak 完成修复：由于编译错误 #40450 导致着色器缓存损坏，VS Code 中的 Electron 碰撞是通过拉取请求杂务完成的：更新 electro@25.9.4 #198142，计划于2023 年 11 月版本 (1.85)。

注意：非常有趣的是，这位 redditor 说他们在 Codium 1.82.1 上没有遇到此类问题，这很奇怪，因为它使用完全相同的 Chromium 版本。

似乎每次您进行/获取台面更新时都会发生这种情况。