vue项目中用flv.js插件实现websocket形式的数据拉流，呈现视频在页面上，但是一直报类型错误，不知道为啥？-灵析社区

vue项目中用flv.js插件实现websocket形式的数据拉流，呈现在页面上，但是一直报类型错误，不知道为啥。 组件代码如下： import flvjs from "flv.js/dist/flv.js"; export default { props: ['videoUrl'], components: { }, data() { return { flvPlayer: null, } }, computed: { }, created() { }, mounted() { this.init(); }, destroyed() { this.stop(); }, methods: { init() { console.log('初始化我看下地址', this.videoUrl); let videoElement = this.$refs.videoElement if (flvjs.isSupported()) { this.flvPlayer = flvjs.createPlayer({ type: 'flv', //媒体类型 url: this.videoUrl, //flv格式媒体URL ws://121.36.167.167/webSocket/webSocket/140588574059936/662431624 isLive: true, //数据源是否为直播流 hasAudio: false, //数据源是否包含有音频 hasVideo: true, //数据源是否包含有视频 enableStashBuffer: true //是否启用缓存区 }, { enableWorker: false, //不启用分离线程 enableStashBuffer: false, //关闭IO隐藏缓冲区 autoCleanupSourceBuffer: true //自动清除缓存 }); this.flvPlayer.attachMediaElement(videoElement); //将播放实例注册到节点 this.flvPlayer.load(); //加载数据流 setTimeout(() => { this.flvPlayer.play(); //播放数据流 }, 2000); } }, stop() { this.flvPlayer.pause(); //暂停播放数据流 this.flvPlayer.unload(); //取消数据流加载 this.flvPlayer.detachMediaElement(); //将播放实例从节点中取出 this.flvPlayer.destroy(); //销毁播放实例 }, handleClick() { console.log('我被点击了') } }, } 页面调试后报这些错误，不知道为啥：  然后websocket传输的数据如下显示： 希望能显示视频画面