一个奇怪的 Vue 打包问题, dev 正常运行,只有 build 才会出现,出错的文件一共就几行代码,但是我找不到原因
这是报错信息
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>
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
大概率这一句吧,入参有问题,你改一下试试
import HlsPlayer from 'xgplayer-hls';
改成
import { HlsPlayer } from 'xgplayer-hls';
试试