vue-electron打包后报错：Fetch API cannot load app://./EasyPlayer.wasm. URL scheme “app“ is not supported

已于 2022-08-26 21:47:12 修改
阅读量1.9k 收藏
点赞数
分类专栏： 技术开发经验笔记 文章标签： vue.js electron wasm
于 2022-08-26 21:44:26 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zxstrive/article/details/126550592
版权

该应用是使用vue-electron+EasyPlayer.wasm播放H265视频问题，开发运行时，能正常播放H265视频，npm run electron:build打包后就不能播放H265视频了，小白摸索了大半天，在控制台发现了以下错误信息：

9da924e0-5036-44d1-8c95-63e0916ff0f1:1 Fetch API cannot load app://./EasyPlayer.wasm. URL scheme "app" is not supported.
(anonymous) @ 9da924e0-5036-44d1-8c95-63e0916ff0f1:1
(anonymous) @ 9da924e0-5036-44d1-8c95-63e0916ff0f1:1
a @ 9da924e0-5036-44d1-8c95-63e0916ff0f1:1
(anonymous) @ 9da924e0-5036-44d1-8c95-63e0916ff0f1:1
9da924e0-5036-44d1-8c95-63e0916ff0f1:1 Uncaught (in promise) TypeError: Failed to fetch
    at 9da924e0-5036-44d1-8c95-63e0916ff0f1:1
    at 9da924e0-5036-44d1-8c95-63e0916ff0f1:1
    at a (9da924e0-5036-44d1-8c95-63e0916ff0f1:1)
    at 9da924e0-5036-44d1-8c95-63e0916ff0f1:1

说是无法获取 app://./EasyPlayer.wasm，不支持“app”协议，我想不对啊，那app://./index.html怎么能访问呢？

运行打包后的 electron 应用

了解本专栏 订阅专栏 解锁全文 超级会员免费看
晶格点阵
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
专栏目录
订阅专栏
electron-fetch:一个轻量级的模块，将window.fetch带入Electron的后台进程
05-14
电子获取 一个轻量级的模块，将window.fetch带入Electron的后台进程。 从分叉。 动机 与其在Electron的net模块上实现XMLHttpRequest来运行特定于浏览器的 ，为什么不从本地net.request直接fetch API？ 因此， electron-fetch是Electron后台运行时可用于window.fetch兼容API的最少代码。 为什么不简单地使用node-fetch？ 好吧，在处理Web代理方面，Electron的net模块比Node.js的http模块做得更好。 特征 与window.fetch API保持一致。 使用Electron的net模块或Node.js http模块作为后端，在Electron和Node.js上运行。 遵循并实现细节时，请自觉权衡，记录已知差异。 使用本机承诺。 在请求和响应上都使用本机流作为正文。 正
electron打包：electron-packager及electron-builder两种方式实现（for Windows）
顺其自然~专栏
04-19 9237
本文主要介绍如何通过electron-packager及electron-builder两种方式，将已有的electron应用打包成msi格式和exe可执行文件。打包是一个成熟的应用程序一个重要的环节，希望这篇文章可以给大家一些参考，最后会讲到打包时遇到的一些坑，与大家分享。 本文适用于有一些electron实践经验的小伙伴，知道如何创建一个简单的electron应用，并且知道electron主进程、渲染进程间如何通信。 electron-packager 使用命令npm install elect.
EasyPlayer.js 6.0全新发布，支持MSE、WebCodec、WASM多种解码模式，支持H.264/H.265/AAC/G711/MP3多种编码格式，支持录音、抓图、录像等各种控制，免费！
最新发布
Babosa的专栏
06-19 1237
EasyPlayer系列已经持续迭代发布10年了！EasyPlayer.js是一款纯Web（H5）的直播流、点播流播放器。兼容几乎所有Web传输协议格式以及主流的音视频编码格式。具有低延时、高性能、兼容性强等特点。
解决vue electron-builder打包后fetch请求本地资源报错的问题
m0_63548381的博客
05-10 1218
在代码里，我们请求了public文件夹下的img.json文件。打包运行之后，发现控制台报错Fetch API cannot load app://./img.json. URL scheme "app" is not supported.
解决ie无法打开rtsp协议链接
james的专栏
11-18 5361
这是realplayer没设置好的缘故。 我们需要在媒体类型中重新设置一下。两种选择，一种是使realplayer成为通用媒体播放器，第二种手动配置媒体类型中选中下面的流媒体类型。helix server的流媒体服务还是不错的，虽然设置上比微软的流媒体服务要复杂。rtsp协议链接中有中文也可以正常解析。
electron： pc端应用
qq_36413371的博客
10-28 607
参考文章： https://zhuanlan.zhihu.com/p/124297174 C/S架构 - electron 主进程 渲染进程 可以实现不同页面的交互 系统托盘 应用程序打包(windows mac) electron可以调用所有的nodejs的api 一： 创建electron main.js // 入口函数 需要配置"main": "main.js", const { app, BrowserWindow } = require('electron') function cr
解决：Uncaught (in promise) TypeError: Failed to fetch 的问题
热门推荐
狮子座的男孩
11-21 3万+
中文翻译：CORS 策略已阻止从源“.......”获取“.......”的访问权限：对预检请求的响应不通过访问控制检查：预检请求不允许重定向。解决方案：可能是 Chrome 浏览器版本的问题，因此将 Chrome 浏览器设置成。中文翻译：加载资源失败：net::ERR_FAILED。看到提示，肯定是 Chrome 浏览器 跨域。，就使用管理者权限继续操作；符号前面都有一个空格】符号前面都有一个空格】，应该就能解决该问题；若提示需要 管理者权限。
认识Electron：一个跨平台桌面应用开发工具
Jeffrey‘s workspace
07-06 1732
官网：http://www.electronjs.org/ OsChina：https://www.oschina.net/p/electron?hmsr=aladdin1e1 OsChina：Electron 是GitHub 发布的跨平台桌面应用开发工具，支持 Web 技术开发桌面应用，其本身是基于 C++ 开发的，GUI 核心来自于 Chrome，而 JavaScript 引擎使用 v8。 知乎@龙泉寺扫地僧：electron的特点就是可以复用前端的各种轮子。所以它开发快，招人方便。另外现在所有.
‘webpack://antd/./components/time-picker/style/index.less‘ URL is not support (解决方法)
weixin_45966674的博客
10-15 745
这个问题一般发生于 在react项目的index.js中引入 import “antd/dist/antd.css”react-script升级到5乃至以上 就会 出现这个问题。两种办法都能解决问题 不过我个人比较推荐第一种。我比较推荐的解决办法是 将代码改成。还可以在自己的css文件中引入。简单说 你的版本太高了。
electron打包错误的问题: Get "/11.0.4/electron-v11.0.4-win32-x64.zip"
12-11
electron的2020年12月11日最新的electron-v11.0.4-win32-x64.zip包，由于打包的时候要到Github上下载这个资源特变慢，而且没有这个包会打包失败。 用法是：将文件复制到这个路径：C:\Users\dong\AppData\Local\...
Vue 报错TypeError: this.$set is not a function 的解决方法
10-17
然而，当你遇到`TypeError: this.$set is not a function`的错误时，通常是因为`this`上下文没有正确指向Vue实例。下面我们将深入探讨这个问题及其解决方案。 ### 报错场景 在开发过程中，你可能在尝试将API获取的...
electronic-wasm-rust-example：最小的Electron + WebAssembly（WASM）+:crab:Rust示例
02-04
电子波生锈的例子 最小的Electron + WebAssembly（WASM）+ Rust示例。 此示例应用程序基于： 防锈设置 安装Rust 添加WASM目标， rustup target add wasm32-unknown-unknown 安装wasm-bindgen，与此版本相同， cargo install -f --version 0.2.47 wasm-bindgen-cli NPM设定 安装Node.js和NPM 克隆此存储库git clone git@github.com:anderejd/electron-wasm-rust-example.git 输入新
music-app-electron：使用Electron，Webpack，Vue.js，Vuex和Spotify api构建的Music-Streaming应用程序
02-04
音乐应用电子[已过时，请改用非电子版本] 使用Electron，Webpack，Vue.js，Vuex和Spotify api构建的音乐流应用程序。如何设置开发环境# clone this repositorygit clone ...
解决vue打包后刷新页面报错：Unexpected token <
10-16
主要介绍了解决vue打包后刷新页面报错：Unexpected token <相关知识点，需要的朋友们参考下。
vue-echarts：Vue.js的Apache ECharts（孵化）组件
02-06
Vue-ECharts Vue.js的Apache ECharts（孵化）组件。基于 v4.1.0 +上并依赖于 v2.2.6 +。安装npm（推荐） $ npm install echarts vue-echartsCDN 在您HTML文件中包括echarts和vue-echarts ，如下所示： < script ...
vue-electron打包视频未播放
qq_43108067的博客
12-29 1900
在开发环境下视频可以正常加载并显示，但是一旦打包到生产环境下视频就无法播放，查阅发现electron-builder无法在生产环境下加载静态视频文件。 解决方法使用electron版本11以上的版本，并在主进程文件中加入代码stream: true，主进程文件在我们项目文件下的的src/background.js。 protocol.registerSchemesAsPrivileged([ { scheme: 'app', privileges: { secure: true, standard: t
Fetch API cannot load localhost:8000/api/login. URL scheme “localhost“ is not supported.解决方法
qq_26889291的博客
05-17 1965
将localhost:8000改成http://localhost:8000
报`Uncaught (in promise) TypeError: NetworkError when attempting to fetch resource.`错误解决办法
天天的博客
04-11 1万+
`Uncaught (in promise) TypeError: NetworkError when attempting to fetch resource.`错误通常出现在使用fetch API发起网络请求时，无法成功获取资源时抛出的异常
chromium URL request
木希博客
05-31 1283
Life of a URLRequest This document gives an overview of the browser's lower-layers for networking. Networking in the browser ranges from high level Javascript APIs likefetch(), all the way down to writing encrypted bytes on a socket. This document assu.
Not allowed to load local resource: file:///C:/Users/Lenovo/AppData/Local/Programs/electron-vue-basiccc/resources/app.asar/dist/index.html
09-27
Not allowed to load local resource错误是由于安全策略导致的，当使用WebView加载本地资源时，会出现这个错误。解决这个问题的方法是将本地资源转换成网络资源进行加载。可以将本地资源放在一个Web服务器上，并通过URL加载资源。 对于你提供的具体问题，你可以尝试以下解决方法： 1. 将file:///C:/Users/Lenovo/AppData/Local/Programs/electron-vue-basiccc/resources/app.asar/dist/index.html转换为在线URL，例如http://example.com/index.html，然后在WebView中加载这个URL。 2. 使用Node.js的http-server模块或其他类似工具，在本地启动一个Web服务器，将本地资源作为静态文件提供。然后使用Web服务器的URL加载资源。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

晶格点阵

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值