Vue Router is not working, why?

Can not understand why not to expose components in place of the router-view.
Here is the code in router.js :
import Vue from 'vue';
import VueRouter from 'vue-router';
import StepOneMain from "@/components/Main/Step-1-Main.vue";

import MapSearch from '@/components/mapSearch/index.vue'

import ipotekaApp from '@/components/ipotekaApp.vue';
Vue.use(VueRouter)

export default new VueRouter({
 mode: 'history',
 routes: [
{
 path: '/ipoteka',
 name: 'ipotekaSteps',
 component: ipotekaApp,
 children: [
 { path: 'main', name: 'main', component: StepOneMain }
]
},
{
 path: '/search', name: 'mapSearch', component: MapSearch
}
]
})

Here in the main file app.js
import Vue from 'vue';
import App from './components/App';

require('./bootstrap');

import the Header from './components/Header_Footer/Head.vue';
Vue.component('compHeader', Header);
import router from './routers/routers.js';
import { store } from './store/store.js';

const app = new Vue({
 el: '#app',
 render: h => h(App)
store
router
});

App.vue:
<template>
 <div id="app" class="app">
 <compHeader :options="options"></compHeader>
<router-view></router-view>
<Footer></Footer>
</div>
</template>

the <script>
import the Footer from "./Header_Footer/Footer.vue";
export default {
 components: {
Footer
}
};
</script>

And code components, for example, the Ipoteka:
<template>
 <div class="app-overlay" id="app">
 <div class="app-wrapper">
 <div class="main-wrapper">
 <div class="main-block">
</div>
</div>
</div>
</div>
</template>
March 19th 20 at 08:50
1 answer
March 19th 20 at 08:52
import router from './routers/routers.js';
the letter is superfluous, no?
Not so called) - amiya.Berni commented on March 19th 20 at 08:55

Find more questions by tags Vue.js