Q&A
現在Vue.jsをサイトをみて勉強しているのですが
ブラウザ上で何も表示されず、エラーが出て解決できません。
詳しい方ご教授お願いします。m(__)m
参考サイト
・エラーメッセージ
[Vue warn]: Error in render: "TypeError: Cannot read property 'matched' of undefined" (found in <Root>) TypeError: Cannot read property 'matched' of undefined at render (app.js:37698) at createFunctionalComponent (app.js:43745) at createComponent (app.js:43918) at _createElement (app.js:44108) at createElement (app.js:44040) at Proxy.vm._c (app.js:44177) at Proxy.eval (eval at createFunction (app.js:52329), <anonymous>:3:139) at Vue._render (app.js:44231) at Vue.updateComponent (app.js:44747) at Watcher.get (app.js:45158)
該当のソースコード
**app.js** require('./bootstrap'); import Vue from 'vue'; import VueRouter from 'vue-router'; import router from './router.js' window.Vue = Vue; Vue.use(VueRouter); const app = new Vue({ el: '#app', });
**router.js** import Router from 'vue-router' import Home from './views/Home.vue' export default new Router({ mode: 'history', routes: [ { path: '/', name: 'home', component: Home }, ] });
**Home.vue** <template> <h1>Home Page</h1> </template>
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="csrf-token" content="{{ csrf_token() }}"> <title>Example</title> <link rel="stylesheet" href="{{ mix('css/app.css') }}"> </head> <body> <div id="app"> <div id="nav"> <router-link to="/">Home</router-link> <router-view></router-view> </div> </div> <script src="{{ mix('js/app.js') }}"></script> </body> </html>
補足情報
PHP:7.4.10
laravel：8.6.0
node：v12.18.3
npm:6.14.6
回答1件
0
全部記載したら勉強にならないと思うので、軽く書いときます。
new Vue({ router, render: h => h(App), components: { App }, }).$mount('#app')
投稿2020/09/28 11:07
総合スコア38
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。