Vue3配置路由报错

vue3写路由 莫名其妙报错 Cannot read properties of null (reading 'parent')感觉路由其他的写对了。

报错信息右边👉app.js:182点进去

• 文章：vue遇到Cannot read property ‘0‘ of null“ 中也许有你想要的答案，请看下吧
• 除此之外, 这篇博客: Vue报错：Vue TypeError:Cannot read property ‘xxx‘ of null中的 总结 部分也许能够解决你的问题, 你可以仔细阅读以下内容或跳转源博客中阅读:
  

• 对于Vue data中绑定的数据

  • 如果是对象的话，在使用模块前加上v-if判断是否==null
  • 如果是数组的话，初始化的时候给上[]

这个错误通常是因为路由配置的问题导致的，可能是在路由配置中使用了 null 或者 undefined 值，导致在访问路由时出现了问题。

可以检查一下路由配置中是否存在这样的问题，例如：

const routes = [
  {
    path: '/foo',
    component: FooComponent,
    children: null // 这里使用了 null 值
  }
]

在上面的路由配置中，children 属性使用了 null 值，可能会导致出现 Cannot read properties of null (reading 'parent') 错误。可以将 children 属性改为一个空数组，例如：

const routes = [
  {
    path: '/foo',
    component: FooComponent,
    children: [] // 改为一个空数组
  }
]

如果路由配置中不存在这样的问题，可以检查一下是否有其他地方出现了类似的错误。例如，在组件中访问了一个不存在的属性或者方法，也可能会导致类似的错误。

可以在浏览器的开发者工具中查看具体的错误信息，找到出错的位置，从而定位问题所在。如果无法解决问题，可以将代码片段贴出来，更方便进行排查。