Ошибка: [vue-router] "путь" требуется в конфигурации маршрута

Question

мое одностраничное приложение не работает, и после запуска моего приложения в консоли появляется пустая страница, на которой указан путь к конфигурации маршрутизатора.

это мой main.js

import Vue from 'vue' import VueRouter from 'vue-router';import App from './App.vue'import {routes} from './routes.js'; Vue.use(VueRouter); const router=new VueRouter({routes});new Vue({el: '#app',router:router ,  render: h => h(App)})

это мой routs.js

import User from './components/User/User.vue';import Home from'./components/Home.vue';import App from './App.vue';export const routes=[{   path:'', component: Home },{   Path:'/user', component:User}];

это мой шаблон приложения

<template>  <div class="container">
<div class="row">
  <div class="col-lg-12 col-md-6 col-xs-12 col-sm-8 col-sm-offset-2 col-md-offset-3"><h1 class="text-center mt-3">Routing</h1><hr><router-view></router-view>
  </div>
</div>

другие компоненты также установлены следующим образом.

Я ожидал, что страница приложения будет отображена.

Answer 1

В rout.js, для второго маршрута вы добавляете путь как Путь, вы должны указать «путь».P должен быть в нижнем регистре, как это.

routes: [{ path: "/", component: Home }, { path: "/user", component: Hello }]

Answer 2

Было бы легче разобраться с вашим кодом, если вы поместите туда несколько возвратов строк.

Я не вижу ваш закрывающий тег </template>. Это было бы проблемой.

В вашем route.js попробуйте: routes=[{ path:'/', component: Home }{ path:'/user', component:User }] - обратите внимание, что путь к дому - '/'

Надеюсь, что поможет