Vue-路由器错误: TypeError:无法读取未定义的属性“匹配”
Vue-路由器错误: TypeError:无法读取未定义的属性“匹配”
提问于 2017-06-18 19:31:56
我正试着写我的第一个Vuejs应用。我正在使用vue-cli和简-webpack样板。
当我将vue-router链接添加到我的应用程序组件时，我在控制台中得到了这个错误
呈现函数中的错误："TypeError:无法读取未定义的属性‘匹配’“
这是我的代码：
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});回答 7
Stack Overflow用户
回答已采纳
发布于 2017-06-18 19:44:16
将它添加到Vue时的名称必须是router。
import router from './routes.js'
const app = new Vue({
el: '#app',
router,
render: h => h(App)
})如果出于任何原因，您想调用变量routes，则可以这样分配它。
import routes from './routes.js'
const app = new Vue({
el: '#app',
router: routes,
render: h => h(App)
})Stack Overflow用户
发布于 2018-05-12 13:38:12
在我的Vue文件中，我有以下代码：
然后，我修改了我的app.js文件，并放置了以下代码：
import router from './Router/router.js'
const app = new Vue({
el: '#app',
router
});Stack Overflow用户
发布于 2019-05-30 08:42:23
vue和vue路由器&匹配错误和解决方案
匹配错误
解决方案
名称必须是
router
https://stackoverflow.com/a/44618867/5934465
好的
导入默认模块错误
import默认模块不需要{}！
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/44618761
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号