VueJS App ist leer

Question

Ich habe VueJS App Klonen dieses Repo gestartet https://github.com/auth0-blog/vue-jwt-authentication. Ich habe mich damit für einige Tage weiterentwickelt und einige Seiten damit entwickelt. Später wurde klar, dass es Vue1.0 war. Ich habe dann https://github.com/vuejs/vue-migration-helper verwendet und auf vue 2.0 migriert. Ich habe alle Fehler nacheinander behoben.

Jetzt, wenn ich die App ausführen, zeigt es nur keinen Fehler, aber es war leer. Ich bekomme keine Fehler in der Browser-Konsole oder im NPM-Terminal. Im Inspect-Element war <div id="app"></div> leer. Jemand bitte nehmen Sie sich etwas Zeit. Ich habe den Code in diesem Repo hier. https://bitbucket.org/AswinKP/vuesample. Ich teile das gesamte Repo, weil ich nicht herausfinden kann, wo ich einen Fehler mache.

Ich habe dafür recherchiert und kann solche Probleme nicht finden. Ich bin ein Anfänger in Vue Js und ich kämpfe in diesen letzten zwei Tagen. Danke im Voraus.

Answer 1

Es gibt mehrere Fehler. Zuerst kann der Repo überhaupt nicht kompiliert werden.

in index.js: 8 und: 37 die Datei components/IncidentTrendI7.vue existiert nicht, einfach diese beiden Zeilen entfernen.

und die build.js ist in Ihrem index.html enthalten, fügen <script src="build/build.js"></script> manuell in Ihrem index.html

Der letzte ist Ihre Stammkomponente. Sie müssen eine Funktion machen, um Ihre Anwendung in Vue 2.0 zu machen (oder eine Vorlage, wenn Sie den Standalone-Build verwenden, aber die Common Language Runtime-only-Version bevorzugt wird), so dass die Wurzelkomponente in Ihrem index.js wird wie folgt aussehen:

const app = new Vue({ 
    el: '#app', 
    router, 
    render: h => h(App), 
    components: { App } 
})