【亲测有效】VS Code报错“加载Web视图时出错: Error: Could not register service worker: InvalidStateError”无法加载Web视图的终极解决办法

问题描述：

前言

在使用 Visual Studio Code (VS Code) 或者 Cursor 开发时，你是否也遇到过突然打不开 Web 视图的情况？比如 Markdown 预览 或者 浏览图片 的时候页面一片空白，右下角弹出如下报错：

加载 Web 视图时出错 Error: Could not register service worker: InvalidStateError: Failed to register a ServiceWorker: The document is in an invalid state..

这就是典型的文档状态失效导致的服务注册失败。

image902×169 14.4 KB

问题分析

这个问题通常是因为 VS Code 的某些后台进程卡死或状态异常导致的。网上有很多关于“沙盒模式”的复杂配置，但其实最简单、最暴力的解决办法往往最有效。

最快解决方案（推荐）

不需要改配置文件，也不需要敲命令行，直接通过任务管理器彻底杀死进程即可。

具体步骤：

1. 打开任务管理器：使用快捷键 Ctrl + Shift + Esc （或者右键任务栏选择任务管理器）。
2. 搜索进程：在顶部的搜索栏输入 code。
3. 结束任务：你会看到“应用”和“后台进程”里都有 Visual Studio Code。关键点来了：不要只关应用，要把下面的后台进程也全部选中，点击右键选择“结束任务”。
4. 重启软件：再次打开 VS Code，你会发现一切都恢复正常了。

image1325×1007 37.5 KB

---

附：尝试过的其他方案（避坑指南）

在找到上述最快方法之前，我尝试过网上流传的其他几种方案。如果你使用上面的方法无效（虽然概率很低），也可以了解一下这些机制，但在我尝试的过程中，它们并没有解决问题。

尝试1：简单的关闭再打开

• 操作：直接点击右上角 X 关闭 VS Code 再打开。
• 结果：本人自己测试了并没有效果。

尝试2：使用命令行 --no-sandbox

• 操作：
  1. 按 Win + R，输入 cmd 打开终端。
  2. 输入命令启动：

code --no-sandbox

• 结果：本人自己测试了并没有效果。

尝试3：修改 argv.json 禁用沙盒（官方常见解法）

网上（如稀土掘金等平台）有很多文章建议修改配置文件来实现“一劳永逸”。

• 操作：
  1. Ctrl+Shift+P 打开命令面板。
  2. 输入 Preferences: Configure Runtime Arguments 打开 argv.json。
  3. 添加配置项："disable-chromium-sandbox": true。
  4. 重启 VS Code。

结果： 本人自己测试了并没有效果。

总结

遇到 加载 Web 视图时出错 报错，不用想太复杂。直接任务管理器搜 code，把所有相关进程全部“杀”掉，满血复活！

​

网友解答：

---

--【壹】--：

关键不在于重启，而是杀 vscode 的“后台进程”。点GUI界面的“×”去关闭窗口是没用的。一般短时间内关闭 vscode 后再重新打开 vscode 会出现这个报错。

---

--【贰】--：

目前我就是这么处理的

---

--【叁】--：

标题写终极方案，结果是重启大法精装修版。

---

--【肆】--：

英雄所见略同