VsCode 加载web视图报错 : Error loading webview: Error: Could not register service worker: InvalidStateErro

最新推荐文章于 2024-04-01 00:38:58 发布
最新推荐文章于 2024-04-01 00:38:58 发布
阅读量4.7k 收藏 16
点赞数 13
分类专栏： java 文章标签： vscode java
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ros275229/article/details/132916258
版权

报错情况大概是这样 : 显示不出图片，并且出现下面报错 : 

Error loading webview: Error: Could not register service worker: InvalidStateError: Failed to register a ServiceWorker: The document is in an invalid state..

解决方法 : 

  1. 先关闭vscode;
  2. win+r,输入cmd打开终端；输入下面命令 :  
    code --no-sandbox

然后就可以快乐的显示图片了;

具体参考 : vscode 加载 Web 视图时出错 - cold_moon - 博客园 (cnblogs.com)

ros275229
关注
  • 13
    点赞
  • 踩
  • 16
    收藏
    觉得还不错? 一键收藏
  • 6
    评论
专栏目录
加载 Web 视图时出错: Error: Could not register service workers: InvalidStateError: Failed to register a Ser
weixin_43974528的博客
09-04 3998
Vscode打开代码文件报错，加载 Web 视图时出错: Error: Could not register service workers: InvalidStateError: Failed to register a ServiceWorker: The document is in an invalid state.
vscode-webview-react:在VSCode Webview中创建React App入门
05-02
该项目旨在为VSCode的web视图中的Create React App和TypeScript提供开箱即用的入门工具包。 发展 在终端中运行以下命令 yarn install yarn run build 然后按F5，在Extension Development Host会话中，从命令面板...
解决vscode报Error: Could not register service workers: InvalidStateError: Failed to register a ...问题
chensi_07的博客
01-26 776
问题：vscode打开视图，报Error: Could not register service workers: InvalidStateError: Failed to register a ServiceWorker: The document is in an invalid state..再打开vscode，视图就可以正常预览了。1、关闭vscode。
vscode视图错误
最新发布
hahaha的博客
04-01 253
参数会禁用 Visual Studio Code 的沙箱模式，这意味着它将在系统上运行而不是在一个受限制的沙箱环境中运行。表明在尝试注册 Service Worker 时发生了问题，具体原因是文档处于无效状态。参数通常用于在某些情况下解决一些安全限制或沙箱问题。此时，关闭vscode，命令行输入。，该命令会重启vscode，
【报错】Error loading webview: Error: Could not register service workers: InvalidStateError
qq_43739296的博客
06-27 3206
Error loading webview: Error: Could not register service workers: InvalidStateError: Failed to register a ServiceWorker: The document is in an invalid state
vscode加载web 视图，报错:“Error: Could not register serviceworkers: InvalidstateError: Failed to regist“
qq_42600647的博客
11-29 3598
注：我F1重启了几次还是报错，最后把全部vsCode窗口关闭重新打开就好了。2、按WIN + R，输入cmd，打开终端，然后输入命令。3、会重启vscode，就可以正常使用了。1、关闭vscode。
[vscode]加载web视图出错
qq_41786057的博客
03-14 3156
[vscode]加载web视图出错
Ubuntu运行VS Code报错加载 Web 视图时出错: Error: Could not register service workers: InvalidStateError: Failed
hhy_csdn的博客
07-06 1万+
vscode加载Web视图时出错
meteor-vscode-web:流星vscode Webview
04-11
meteor-vsoce-web该工程为meteor-vscode的webview内容工程// 安装依赖npm i// 运行npm run dev// 发布 src、dist目录在本地自行设置./release.sh
vscode-page：用于vscode Webview的轻量级页面微框架
02-16
vscode页 vscode-page是用于vscode Webview的轻量级页面微框架，它可以加快对Code Extension Webview的开发。特征通过抽象化html页面和WebviewPanel之间的通信，开发人员可以专注于业务逻辑。 内置的模板引擎，带有 ...
vscode_ext_web:vscode扩展的演示，主要是在Webview中的实现
03-06
darwin2自述文件一个VSCode扩展将通过建立人工神经网络模型Keras成可以运行在SNN模型brian2模拟器。 此扩展名还具有其他功能，例如图像预览，泡菜文件预览，数据和模型（ANN和SNN）的可视化并生成必要的文件。要求...
vscode-webview-rpc:用于vscode扩展开发的rpc库
03-19
欢迎使用vscode-webview-prc :waving_hand: vscode webview扩展开发的rpc库 先决条件 节点> = 10 安装 yarn add vscode-webview-rpc 用法 扩展rpc import * as vscode from 'vscode' ; import { ExtensionRPC } ...
VS Code 加载 Web 视图时出错
socbis的博客
08-17 6805
使用MarkDown预览时，加载 Web 视图时出错: Error: Could not register service workers: InvalidStateError: Failed to register a ServiceWorker: The document is in an invalid state.
Linux上VSCODE无法打开web视图，“Webview Service Worker Error in registration due to invalid document state”
qq_45347185的博客
07-08 7387
解决linux中vscode无法打开web视图
VS Code加载 Web 视图时出错
热门推荐
GMT_C的博客
06-22 2万+
问题描述：VS Code加载 Web 视图时出错: Error: Could not register service workers: InvalidStateError: Failed to register a ServiceWorker: The document is in an invalid state解决方式：1、关闭vscode；2、ctrl+R 输入 cmd ，输入以下命令； 如图：3、会重新打开vscode...
VisualStudioCode加载Web视图时出现错误（包解决）
yytu231的博客
07-14 1万+
目录问题：第一次安装VSVode插件的时候出现Web视图错误方法：结果：eg: 我们可以按下win+R，输入 code --no-sandboxVSCode自动重启 打开后应该视图报错更改完成。
vscode开发中，插件报错 root ERROR Failed to enable webview caching: ReferenceError: caches is not defined
06-06
这个错误通常是因为 VS Code 的 WebView 环境不支持使用 `caches` API。 如果你使用的是较早的 VS Code 版本，可能会存在这个问题。可以尝试升级到较新的 VS Code 版本来解决这个问题。 如果你使用的是较新的 VS Code 版本，但仍然出现这个问题，那么可能是因为插件代码中存在问题。你可以检查一下插件代码，看看是否有调用 `caches` API 的地方，如果有，那么可能需要进行修改或者判断是否支持 `caches` API。 另外，建议你在插件代码中使用 `try-catch` 语句来处理使用 `caches` API 可能出现的错误，这样可以避免出现这个问题时影响插件的正常运行。 如果你的插件必须使用 `caches` API，那么可以考虑使用 `vscode.env.uriScheme` API 来判断当前环境是否支持 WebView 缓存。具体来说，你可以使用以下代码进行判断： ```javascript if (vscode.env.uriScheme === 'file') { // WebView 缓存可用，使用 caches API 进行缓存操作 } else { // WebView 缓存不可用，使用其他方式进行缓存操作 } ``` 希望这些方法能够帮助你解决问题。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 6
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值