这是报错信息
chunk-libs.bccb3cdc.js:43 Uncaught TypeError: Super expression must either be null or a function, not undefined
at chunk-libs.bccb3cdc.js:43
at chunk-libs.bccb3cdc.js:43
at Object.<anonymous> (chunk-libs.bccb3cdc.js:43)
at n (chunk-libs.bccb3cdc.js:43)
at Object.<anonymous> (chunk-libs.bccb3cdc.js:43)
at n (chunk-libs.bccb3cdc.js:43)
at Object.<anonymous> (chunk-libs.bccb3cdc.js:43)
at n (chunk-libs.bccb3cdc.js:43)
at chunk-libs.bccb3cdc.js:43
at Object.U5Kh (chunk-libs.bccb3cdc.js:43)
这是代码
<template>
<div id="xgplayer"></div>
</template>
<script>
// comp
import 'xgplayer';
import HlsPlayer from 'xgplayer-hls';
export default {
name: 'LiveVideo',
props: {
url: {
type: String,
default: ''
},
height: {
type: String,
default: '325px'
},
},
data() {
return {
// 实例
player: {},
}
},
mounted() {
this.initPlayer()
},
methods: {
initPlayer() {
this.player = new HlsPlayer(this.getOptions())
},
getOptions() {
let ret = {
id: 'xgplayer',
url: '',
playsinline: true,
autoplay: true,
isLive: true,
ignores: ['time'],
screenShot: true,
height: '',
width: '100%',
}
// ret.url = this.url
ret.url = 'http://ivi.bupt.edu.cn/hls/cctv1.m3u8'
ret.height = this.height
return ret
}
},
}
</script>
<style lang="scss" rel="stylesheet/scss" type="text/scss" scoped></style>
###this.player = new HlsPlayer(this.getOptions())
大概率这一句吧,入参有问题,你改一下试试
###import HlsPlayer from 'xgplayer-hls';
改成
import { HlsPlayer } from 'xgplayer-hls';
试试