Advertisement

vue 路由警告: Duplicate named routes definition

阅读量:

在今日的开发过程中,系统提示了一个名为“Duplicate named routes definition”的警告信息,现将对应的处理方法与解决思路进行记录。

警告生成机制分析

依据提示信息,我们初步推测问题可能与路由的name属性存在关联,随后通过查阅相关资料进行验证,结果证实了我们的推测。系统发出的警告信息正是由路由name值重复所引发的。(原理方面?谁在乎呢(艹皿艹))

错误类型

尽管我们已明确警告信息源于name字段的重复问题,但实际上若进一步细分,仍存在一定的差异。

其一为静态路由配置中出现的name重复现象,其二则为动态路由设置中发生的name重复情况。

举例说明

静态路由:

错误案例分析与改进

复制代码
    {
    path: '/storage-pool',
    name: 'storagePool',   // name 1
    component: Layout,
    children: [
      {
        path: 'drag-table',
        name:

全部评论 (0)

还没有任何评论哟~