javascript - vue-youtube-embed 中未定义模板或渲染函数

Question

我正在为 vue 使用这个插件 https://github.com/kaorun343/vue-youtube-embed但是当我使用它时。它给了我这个错误。我不知道是什么导致了这个错误

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>

提前感谢任何帮助

Answer 1

vue-youtube-embed库被设计为一个插件。这条线，

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
  }
};

这是一个working example .

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

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

这是一个 working version