vue中,浏览器控制台报"path" is required in a route configuration.

当通过登录用户id请求相对应的主菜单,主菜单只显示标题,无内容显示,前端控制台报"path" is required in a route configuration.错误
浏览器控制台报错
图片为具体的报错内容,和我router中index.js内容

img


`控制台错误信息
Uncaught (in promise) Error: [vue-router] "path" is required in a route configuration.
    at assert (webpack-internal:///./node_modules/vue-router/dist/vue-router.esm.js:11:11)
    at addRouteRecord (webpack-internal:///./node_modules/vue-router/dist/vue-router.esm.js:1390:5)
    at eval (webpack-internal:///./node_modules/vue-router/dist/vue-router.esm.js:1348:5)
    at Array.forEach (<anonymous>)
    at createRouteMap (webpack-internal:///./node_modules/vue-router/dist/vue-router.esm.js:1347:10)
    at Object.addRoute (webpack-internal:///./node_modules/vue-router/dist/vue-router.esm.js:1563:5)
    at VueRouter.addRoute (webpack-internal:///./node_modules/vue-router/dist/vue-router.esm.js:3112:16)
    at eval (webpack-internal:///./src/utils/menus.js:28:14)

router/index.js
import Vue from 'vue'
import VueRouter from 'vue-router'
import Login from '../views/Login'
import Home from "../views/Home"
import Test1 from '../views/Test1'
import Test2 from '../views/Test2'

Vue.use(VueRouter)

Vue.use(VueRouter)

const routes = [
  {
    path: '/',
    name: 'Login',
    component: Login,
    hidden:true
  },
  {
    path: '/home',
    name: 'Home',
    component: Home,
    children:[
      {
        path: '/test1',
        name: '选项1',
        component: Test1
      },
      {
        path: '/test2',
        name: '选项2',
        component: Test2
      }
    ]
  }

]

const router = new VueRouter({
  routes
})

export default router

```

img


把点改成@ 当然2中写法都行。。如果还不行在home哪里加/然后在登录跳转的时候试下this.$router.push('/home/'),我跟你的是一样的,但是我跳转后地址后面必须要多个/不知道为什么

选项1改一下,加上
alias: 'test1',
path: ''

选项2
path: 'test2'

component: Home,
改为
component: () => import("@/home"),

img