[{"data":1,"prerenderedAt":141},["ShallowReactive",2],{"\u002F2026\u002F20260806":3,"surround-\u002F2026\u002F20260806":135},{"id":4,"title":5,"body":6,"categories":110,"date":112,"description":113,"draft":114,"extension":115,"image":116,"meta":117,"navigation":119,"path":120,"permalink":121,"published":121,"readingTime":122,"recommend":127,"references":121,"seo":128,"sitemap":129,"stem":130,"tags":131,"type":132,"updated":133,"__hash__":134},"content\u002Fposts\u002F2026\u002F20260806.md","VS Code加载 Web 视图时出错",{"type":7,"value":8,"toc":101},"minimark",[9,18,22,25,28,31,34,37,44,46,49,52,59,70,89,91,94],[10,11,12,13],"p",{},"在使用 VS Code开发时，由于常使用cc或codex插件，经常在打开的时候遇到 Web 视图无法加载的问题，页面都变成一片空白，右下角弹出报错：",[14,15],"img",{"alt":16,"src":17},"20260806-cc0566490cd0dc4080b9e31182705fbf278e4b50_2_775x144-1786000902315","\u002Fimages\u002F2026\u002F20260806-cc0566490cd0dc4080b9e31182705fbf278e4b50_2_775x144-1786000902315.png",[19,20,21],"h2",{"id":21},"问题原因",[10,23,24],{},"这个问题主要是因为编辑器底层的某些后台进程卡死，导致 Electron \u002F Chromium 无法正常注册 ServiceWorker，上下文状态出现失效。网上有一些改沙盒配置的方案，但实际测试下来，最直接也最有效的办法就是把残留的后台进程彻底关掉。",[26,27],"hr",{},[19,29,30],{"id":30},"解决办法",[10,32,33],{},"不需要改配置文件，也不需要敲命令行，直接在任务管理器里结束相关进程即可。",[10,35,36],{},"操作步骤：",[10,38,39,40,43],{},"打开任务管理器，在搜索栏输入 ",[41,42,41],"code",{"code":41},"，会看到“应用”和“后台进程”里都有相关项，关键是要把下面的后台进程也全部关掉，全选或逐个右键选择“结束任务”。然后再次打开 VS Code，Webview 就可以正常加载了。",[26,45],{},[19,47,48],{"id":48},"其他无效方案参考",[10,50,51],{},"在找到上面的办法之前，我也试过网上常见的几种处理方式，在我的环境下都没有效果，供参考：",[10,53,54,55,58],{},"1.简单关闭软件再打开：直接点右上角 ",[41,56,57],{"code":57},"X"," 关闭，后台卡死的进程其实没有释放，重新打开依然报错。",[10,60,61,62,65,66,69],{},"2.命令行使用 ",[41,63,64],{"code":64},"--no-sandbox"," 启动：终端运行 ",[41,67,68],{"code":68},"code --no-sandbox","，没有解决。",[10,71,72,73,76,77,80,81,84,85,88],{},"3.修改 ",[41,74,75],{"code":75},"argv.json"," 禁用沙盒：\n在 ",[41,78,79],{"code":79},"Ctrl + Shift + P"," 命令面板打开 ",[41,82,83],{"code":83},"Preferences: Configure Runtime Arguments","，添加 ",[41,86,87],{"code":87},"\"disable-chromium-sandbox\": true"," 后重启，同样没有效果。",[26,90],{},[19,92,93],{"id":93},"总结",[10,95,96,97,100],{},"遇到这种 ",[41,98,99],{"code":99},"InvalidStateError"," 报错，大概率是后台有卡住的残余进程。不用想得太复杂，直接在任务管理器里把所有相关进程清干净，重新打开软件即可。",{"title":102,"searchDepth":103,"depth":103,"links":104},"",4,[105,107,108,109],{"id":21,"depth":106,"text":21},2,{"id":30,"depth":106,"text":30},{"id":48,"depth":106,"text":48},{"id":93,"depth":106,"text":93},[111],"技术","2026-08-06 15:16","记录解决 VS Code因后台进程卡死导致 Webview 报错InvalidStateError的排查过程，分享通过任务管理器彻底清除残留进程的有效方法。",false,"md","\u002Fimages\u002F2026\u002F20260806-3-1786001254144.gif",{"slots":118},{},true,"\u002F2026\u002F20260806",null,{"text":123,"minutes":124,"time":125,"words":126},"3 min read",2.255,135300,451,"2",{"title":5,"description":113},{"loc":120},"posts\u002F2026\u002F20260806",[],"tech","2026-08-06 15:29","LV98yaBRbdx_idrWTm4vTIKMRHrfPTnmdcldL-nJf3E",[136,121],{"title":137,"path":138,"stem":139,"date":140,"type":132,"children":-1},"cc接入any时Unable to connect to API 的排查","\u002F2026\u002F20260801","posts\u002F2026\u002F20260801","2026-08-01 19:03",1786001425409]