使用vue-video-player播放m3u8视频报错

使用vue-video-player播放m3u8视频报错
安装依赖版本："videojs-contrib-hls": "^5.15.0","vue-video-player": "^5.0.1",
播放m3u8格式的视频报错：如图
请问这种源码报错是什么原因导致的，知道的帮忙解答一下，十分感谢

用过这个插件，但是没有出现过错误啊……

• 看下这篇博客，也许你就懂了，链接：网页前端(Html)video播放m3u8(HLS)&Vue使用video.js播放m3u8
• 除此之外, 这篇博客: vue 中使用vue-video-player，播放m3u8格式中的 一、下载vue-video-player 部分也许能够解决你的问题, 你可以仔细阅读以下内容或跳转源博客中阅读:
  

• npm install vue-video-player --save

  二、我在项目里要实时视频用的是m3u8数据流

  npm install videojs-contrib-hls --save

  三、在main.js文件里引入

  import VideoPlayer from 'vue-video-player'
  require('video.js/dist/video-js.css')
  require('vue-video-player/src/custom-theme.css')
  Vue.use(VideoPlayer)
  //  这个是为了兼容 m3u8
  const hls = require('videojs-contrib-hls')
  Vue.use(hls)

  四：在页面中使用

  五：在Data中配置参数

  

  computed: {
      player() {
          return this.$refs.videoPlayer.player;  //必须有
      }
  },

   六：一些回调方法

  methods: {
      fullScreen() {
        const player = this.$refs.videoPlayer.player
        player.requestFullscreen() // 调用全屏api方法
        player.isFullscreen(true)
        player.play()
      },
      onPlayerPlay(player) {
        player.play()
      },
      onPlayerPause(player) {
        player.pause()
        // alert("pause");
      }}