Erro no roteador Vue: TypeError: Não é possível ler a propriedade 'correspondida' de indefinida
Estou tentando escrever meu primeiro aplicativo Vuejs. estou a usarvue-cli
eclichê simples-webpack.
Quando eu adicionovue-router
links para o componente do meu aplicativo, recebo esse erro no console
Erro na função de renderização: "TypeError: Não é possível ler a propriedade 'correspondida' de indefinida"
Aqui está o meu código:
App.vue
<template>
<div>
<h2>Links</h2>
<ul>
<router-link to='/'>Home</router-link>
<router-link to='/query'>Query</router-link>
<router-view></router-view>
</ul>
</div>
</template>
<script>
export default {}
</script>
main.js
import Vue from 'vue'
import VueRouter from 'vue-router'
Vue.use(VueRouter)
import routes from './routes.js'
import App from './App.vue'
const app = new Vue({
el: '#app',
routes,
render: h => h(App)
})
routes.js
import VueRouter from 'vue-router';
let routes=[
{
path: '/',
component: require('./Components/Home.vue')
},
{
path: '/query',
component: require('./Components/Query.vue')
}
];
export default new VueRouter({routes});