2017-04-27 4 views
1

Ich bekomme nicht, wie man in vue-Datei verwendet. Es zeigt Fehler wie:Wie benutzt man das Knotenpaket vue-tweet-embed in vuejs2?

Unbekanntes benutzerdefiniertes Element: - Haben Sie die Komponente korrekt registriert? Für rekursive Komponenten, stellen Sie sicher, den "Namen" Option


Home.vue

<template> 
    <Tweet :id="'783943172057694208'"></Tweet> 
    </template> 

    <script> 
    import Vue from 'vue' 
    import Tweet from 'vue-tweet-embed' 

    export default { 
    data() { 
     return { 

     } 
    }, 
    components: {'component-view': Tweet}, 
    created(){ 

    }, 
    methods: { 

    } 
    } 
    </script> 
    <style scoped> 

    </style> 
+0

Geben Sie Code, das ist nicht genug. –

+1

Ändern Sie diese 'Komponenten: {'Komponentenansicht': Tweet},' nur diese 'Komponenten: {Tweet},' –

+0

@BelminBedak Dank für die Antwort, Ich bekomme keinen Fehler, aber auch keine Ausgabe. –

Antwort

1

In der übergeordneten Seite zur Verfügung zu stellen, wo Sie diese Komponente verwenden:

<template> 
    <span> 
     <component-view :id="'783943172057694208'"></component-view> 
    </span> 
    </template> 

    <script> 
    import Vue from 'vue' 
    import Tweet from 'vue-tweet-embed' 

    export default { 
    data() { 
     return { 

     } 
    }, 
    components: { 
     // component-view is available in the parents scope 
     'component-view': Tweet 
    }, 
    created(){ 

    }, 
    methods: { 

    } 
    } 
    </script> 

Die 'Komponentenansicht' i s im übergeordneten Bereich verfügbar.

+0

danke für die antwort. Ich bekomme immer noch nicht. kannst du mir ein Code-Snippet schicken? von wo aus es importiert/exportiert werden muss. Ich weiß nicht, was ich vermisse. und ich habe viel Zeit verbracht. Ich verwende http://github.com/auth0-blog/vue-jwt-authentication Vorlage. Gibt es ein Problem mit der Vorlage? oder muss ich andere benutzen? dann was kann benutzt werden? –

+0

können Sie die Bearbeitungsanfrage umgehen. –

+1

Ich habe vue-cli https://github.com/vuejs/vue-cli verwendet und ein Dummy-Projekt mit der obigen Komponente eingerichtet. Es funktionierte. Die vue-embed-Komponente arbeitet mit vue2 und Ihre vue-jwt-Authentifizierung ist vue 1.0. – Deepak