Javascript vue中未定义模板或渲染函数

我正在为vue使用此插件 但是当我使用它的时候。它给了我这个错误。我不知道是什么导致了这个错误

Vue warn]: Failed to mount component: template or render function not 
defined.

这是我的源代码

        <template>
        <div>
            <youtube :video-id="'wyNGaq8XmH8'"></youtube>
        </div>
    </template>

    <script>
        import VueYouTubeEmbed from  'vue-youtube-embed'
        Vue.component('youtube',VueYouTubeEmbed)
        export default {
            props:['progamData'],
            data(){
                return{
                    programs:[],
                    currentVideo:null,
                    player:null
                }
            }

        }
    </script>

从“vue youtube嵌入”导入VueYouTube嵌入
Vue.component（'youtube'，vueyutubeembed）
导出默认值{
道具：['progamData']，
数据（）{
返回{
项目：[]，
当前视频：空，
玩家：空
}
}
}

任何帮助都将提前感谢

该库是作为插件设计的。那条线,

import VueYouTubeEmbed from  'vue-youtube-embed'

导入插件，而不是组件。如果要在本地将其导入组件，则需要通过以下方式进行：

import VueYouTubeEmbed, {YouTubePlayer} from "vue-youtube-embed";
import Vue from "vue"

Vue.use(VueYouTubeEmbed, {global: false})

export default {
  name: "App",
  components: {
    youtube: YouTubePlayer
  }
};

这是一本书

或者，您可以在主脚本中使用插件

import VueYouTubeEmbed from "vue-youtube-embed";
Vue.use(VueYouTubeEmbed);

下面是一个例子