【ffmpeg】vue3报错TypeError: Failed to construct ‘URL‘: Invalid URL at node_modules/@ffmpeg/ffmpeg/s

飘逸者打瞌睡

已于 2022-12-15 13:23:56 修改

阅读量4.4k

点赞数

分类专栏：前端 JavaScript vue3 文章标签： javascript vue.js

于 2022-11-08 14:51:35 首次发布

本文链接：https://blog.csdn.net/sky529063865/article/details/127750714

版权

前端同时被 3 个专栏收录

34 篇文章

订阅专栏

JavaScript

22 篇文章

订阅专栏

14 篇文章

订阅专栏

报错

在使用"@ffmpeg/ffmpeg"和“@ffmpeg/core”时候报错

TypeError: Failed to construct 'URL': Invalid URL
    at node_modules/@ffmpeg/ffmpeg/src/browser/defaultOptions.js

在这里插入图片描述

解决

在vite.config.js中添加

build: {
    target: 'es2020'
  },
  optimizedeps: {
    esbuildoptions: {
      target: 'es2020'
    }
  },

关注博主即可阅读全文

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

飘逸者打瞌睡

关注关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
打赏
打赏
打赏举报

举报

专栏目录

解决opencv-python报错：warning: Error opening file (...modules/videoio/src/cap_ffmpeg_impl.hpp:834)

FarryNiu的博客

11-26

5977

原因拉流地址有误解决确认拉流地址是否有误将地址用引号包围，若地址中符号较多缺没有被引号包围，同样会报错

FFmpeg[35] - ffmpeg 合并 m3u8 遇到报错：Invalid UE golomb code

liuzhen007的专栏

12-19

1834

目录问题解决方法一 get_ue_golomb() 方法 get_ue_golomb_long() 方法方法二《FFmpeg实用技巧》系列-总览_liuzhen007的专栏-CSDN博客前言FFmpeg是一个完整的跨平台解决方案，可用于音视频的录制、转码、流化处理等应用，号称音视频领域的瑞士军刀，小巧高效多能。不仅在工作中可以使用，日常生活中也可以用来处理一些DIY视频。掌握FFmpeg的常规使用方式可以作为自己的一个加分技能。正文FFmpeg[1]-ffplay的正确打开方式（

参与评论您还未登录，请先登录后发表或查看评论

初识@ffmpeg/ffmpeg库

最新发布

m0_72030584的博客

01-14

1085

本文讲解了@ffmpeg/ffmpeg库的知识点、使用场景的实现

strapi从4.11.5等旧版本升级到4.13以后的最新版报Uncaught TypeError: Failed to construct ‘URL‘: Invalid URL的问题解决

商务合作 / 项目定制开发 / 前端一对一培训、答疑

09-25

2843

strapi的4.11.5升级到4.13.3后，当点击后台的媒体库时，在chrome等浏览器中报错了：Uncaught TypeError: Failed to construct 'URL': Invalid URL的问题解决

Vite+vue3解决发布后图片无法显示与解决Failed to construct ‘URL‘: Invalid URL问题

窗外鸟的博客

05-19

1万+

使用官方引用静态资源处理getImageUrl(name) { return new URL(`./img/${name}.png`, import.meta.url).href } 如果没有配置publicDir 选项，需要把图片放在public里面此时发现项目中可以显示图片，但是发布时候报Failed to construct ‘URL’: Invalid URL错误，那是没有把 esbuild 构建目标设置为 es2020 或更高版本配置代码： build: { targe.

npm create vue@latest 报错ERR_INVALID_URL

leoliuping的博客

08-13

332

查遍了网上很多解决方案都不行。最后发现是权限问题。用管理员进入创建目录就可以了。创建vue3项目时报错，仔细检查了npm 的各项配置都没有问题。

uniapp request:fail invalid url “““,uniapp 请求接口封装

weixin_43118088的博客

05-21

2555

uniapp request:fail invalid url “”" 我把uniapp请求接口分装了一下，为了考虑很多的场景，分装的稍微和平常见的有点差别， import serviceUrl from '../server.js' function params(json) { if (!json) return '' return cleanArray( Object.keys(json).map(key => { if (json[key] === und

ArcGIS API for JavaScript 4.X版本更新后项目启动报错：Module parse failed: Unexpected token（... ...

qq_34443031的博客

10-12

1万+

在使用vue和webpack创建的项目时，ArcGIS API for JavaScript 4.X从较低版本升级为高版本后，构建项目中出现问题： Module parse failed: Unexpected token. You may need an appropriate loader to handle this file type...

FFmpeg[33] - ffmpeg：libavfilter/vf_elbg.c:169: error: undefined reference to ‘avpriv_init_elbg‘

liuzhen007的专栏

10-18

2022

ffmpeg编译过程中遇到的一个报错，具体信息如下： -e [info] [*] link ffmpeg -------------------- libavfilter/vf_elbg.c:169: error: undefined reference to 'avpriv_init_elbg' libavfilter/vf_elbg.c:172: error: undefined refe...

vue跨域问题:jsonp proxy

Isabeldeng的博客

11-07

755

一.什么是跨域跨域问题的出现是因为浏览器的同源策略问题，所谓同源:就是两个页面具有相同的协议（protocol），主机（host）和端口号（port），它是浏览器最核心也是最基本的功能，如果没有同源策略我们的浏览器将会十分的不安全，随时都可能受到攻击。当我们请求一个接口的时候，出现如：Access-Control-Allow-Origin 字眼的时候说明请求跨域了二.如何解决跨域问题 1.使用jsonp实现，网页通过script标签向服务器请求json数据，服务器受到请求后，将数据放在一个指定名字的回

java中构造函数的访问属性_JavaScript中你可能不知道URL构造函数的属性

weixin_34723270的博客

03-02

554

URLURL 是统一资源定位符，对可以从互联网上得到的资源的位置和访问方法的一种简洁的表示，是互联网上标准资源的地址。互联网上的每个文件都有一个唯一的 URL，它包含的信息指出文件的位置以及浏览器应该怎么处理它在 Web 开发中，有许多情况需要解析 URL,这篇主要学习如何使用 URL 对象实现这一点例如，这里是这篇博客文章的路径:https://www.vipbic.com/thread.htm...

【实战技巧】前端播放本地视频并实现截图功能（上）

Web_boom的博客

05-16

1256

前言最近公司有新的需求，大致描述为需要用户上传本地文件，然后可以在网页进行播放，同时可以对播放中的视频进行截图，最后把截图下载到本地。由于之前没有这块的知识储备，所以也是边摸索边实现。特此把探索过程记录下来，方便日后复习，也或许能帮到其他有需要的小伙伴。本文基础前端框架为 vue2.x ，思路如下。本地上传视频播放视频视频截图截图下载使用到的第三方库：👉👉 ffmpeg.wasm npm 上包名叫这个 👉👉 @ffmpeg/ffmpeg ffmpeg.wasm 先来学习一下这个库的基本用

hexo报错：TypeError [ERR_INVALID_URL]: Invalid URL

面包猎人

08-16

1万+

报错信息上传md格式的文章时报错，信息如下：后面紧接着一大堆node_modules的报错信息，就不展示了，大同小异～注：报错因人而异，切勿人云亦云解决思路现在开始排查 node版本问题，可能是版本过高，需要退回12。node -v之后发现自己版本12.14。显然不是此问题可能是插件升级后有某些bug，而且确实有很多node_modules的报错信息。可以删除node_modules，把你没出错的package.json和package-lock.json复制到当前

关于nodejs中使用fluent-ffmpeg模块、ffmpeg工具的使用心得

----------

05-10

2625

转自：https://blog.csdn.net/qq_19788257/article/details/83011732

Uncaught DOMException: Failed to construct 'WebSocket': The URL 'xxx.xxx.com/' is invalid.

dibengshao7358的博客

03-26

1万+

Uncaught DOMException: Failed to construct 'WebSocket': The URL 'xxx.xxx.com/' is invalid. 出现这个问题是构造WebSocket失败了。 js代码改成 //实现化WebSocket对象，指定要连接的服务器地址与端口建立连接//等同于socket = new WebSocket(...

Uncaught (in promise) DOMException: Failed to execute 'open' on 'XMLHttpRequest': Invalid URL