[Vue warn]: Missing required prop: “to“等报错解决方法

Baci_Kayun

已于 2023-06-01 14:39:05 修改

阅读量4.5k

点赞数

CC 4.0 BY-SA版权

文章标签： vue.js 前端 javascript

于 2022-07-18 16:27:27 首次发布

本文链接：https://blog.youkuaiyun.com/BKayun/article/details/125853985

在Vue应用中遇到Vue Router的警告，问题出在`router-link`组件上，原本使用了`href`属性，但应改为`to`属性来正确导航。修正后的代码示例：`<router-link class=list-group-item active-class=active to=/home/news>News</router-link>`和`<router-link class=list-group-item active-class=active to=/home/message>Message</router-link>`。修复此错误后，路由功能恢复正常。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

如下报错：

[Vue warn]: Missing required prop: "to"

[Vue warn]: Error in render: "TypeError: Cannot read properties of undefined (reading '_normalized')"

found in

---> <RouterLink>
<MyHome> at src/pages/Home.vue
<App> at src/App.vue
<Root>

TypeError: Cannot read properties of undefined (reading '_normalized')

vue.runtime.esm.js?c320:4524 [Vue warn]: Missing required prop: "to"

found in

[Vue warn]: Error in render: "TypeError: Cannot read properties of undefined (reading '_normalized')"
TypeError: Cannot read properties of undefined (reading '_normalized')

仔细一看原来是写了router-link没有把href属性改成to。。。

<router-link class="list-group-item" active-class="active" href="/home/news">News</router-link>

 <router-link class="list-group-item" active-class="active" href="/home/message">Message</router-link>