VueJSアプリが空です

Question

私はこのレポを複製するvueJSアプリを開始しましたhttps://github.com/auth0-blog/vue-jwt-authentication。私はそれを数日間開発し、それを使っていくつかのページを開発しました。その後、Vue1.0であることに気付きました。私はhttps://github.com/vuejs/vue-migration-helperを使い、vue 2.0に移行しました。私はすべてのエラーを1つずつ修正しました。

私はアプリを実行すると、エラーは表示されませんが、それは空です。 ブラウザコンソールまたはnpm端末でエラーが表示されません。 Inspect要素で<div id="app"></div>が空でした。誰かが時間をかけてください。ここにこのレポのコードがあります。 https://bitbucket.org/AswinKP/vuesample。私は間違いをどこにしているのか分かりませんので、私はレポ全体を共有しています。

私はこれを調査し、そのような問題を見つけることができません。 私はvue jsの初心者です。私はこの2日間最後に苦労しています。前もって感謝します。

Answer 1

いくつかのエラーがあります。まず、レポはまったくコンパイルできません。

in index.js：8および：37 ファイルcomponents/IncidentTrendI7.vueが存在しない場合は、これらの2行を削除してください。

とbuild.jsは、最後の1があなたのルート要素である、あなたのindex.html

で手動<script src="build/build.js"></script>を追加し、あなたのindex.htmlには含まれていません。あなたはVueの2.0でアプリケーションをレンダリングする機能をレンダリングする必要があります（スタンドアロンビルドを使用する場合またはテンプレートが、実行時のみのバージョンが好ましい）、ので、あなたのindex.jsのルートコンポーネントは次のようになります。

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