问答

一个奇怪的 Vue 打包问题, dev 正常运行,只有 build 才会出现

作者:admin 2021-05-09 我要评论

这是报错信息 chunk-libs.bccb3cdc.js:43 Uncaught TypeError: Super expression must either be null or a function, not undefined at chunk-libs.bccb3cdc.js...

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>)

这是报错信息

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';
试试

版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除

相关文章
  • app内的web页面,img路径对,但是不显

    app内的web页面,img路径对,但是不显

  • 如何做下载功能?

    如何做下载功能?

  • 复杂正则表达式,实现思路

    复杂正则表达式,实现思路

  • vue一段简单的代码出现奇怪的问题?

    vue一段简单的代码出现奇怪的问题?

腾讯云代理商
海外云服务器