vue.js - 将 vue-videobg 与 Nuxt 一起使用

Question

我正在尝试在这里使用这个包，https://github.com/pespantelis/vue-videobg为我的主页创建视频背景。

视频背景组件看起来像这样

<template>
    <videoBg :source="'https://youtu.be/x3bfa3DZ8JM'"></videoBg>
</template>

<script>
import VideoBg from 'vue-videobg'
export default {
  components: {
    VideoBg
  }
}
</script>

<style>

</style>

将此组件导入其他组件时，出现语法错误。意外的 token< 错误，并且大多数错误文件都说缺少堆栈帧。导入行是出现此错误的时间。

有人知道为什么吗？我是否在我的项目中正确注册了包？

感谢您的帮助。

标签： vue.jsvue-componentnuxt.js