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

【问题标题】：Template or render function not defined in vue-youtube-embedvue-youtube-embed 中未定义模板或渲染函数
【发布时间】：2018-06-13 00:10:21
【问题描述】：

我正在为 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>

任何帮助都会提前感谢

【问题讨论】：

标签： javascript vue.js

【解决方案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。

【讨论】：