一个奇怪的 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>
阅读 5.1k
2 个回答
this.player = new HlsPlayer(this.getOptions())

大概率这一句吧,入参有问题,你改一下试试

import HlsPlayer from 'xgplayer-hls';
改成
import { HlsPlayer } from 'xgplayer-hls';
试试

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题