Laravel + Vue учебник, не работает должным образом

Question

Мне нужна помощь.

Я делаю этот урок https://www.udemy.com/share/102itcAkocdl9XTQ== / , и он не работает должным образом и не уверен, что я делаю неправильно.

структура файла - компоненты - приложение. vue - просмотры - запуск. vue - приложение. js - bootstrap. js - маршрутизатор. js

приложение. vue

 <template>
 <div>App component
 <router-view></router-view>
 </div>
</template>

<script>
 export default {
 name: "App"
    }

</script>

<style scoped>

</style>

Start. vue

<template>
 <div>Start View</div>
</template>

<script>
export default {
 name: "Start"
};
</script>

<style scoped></style>

app. js

import Vue from 'vue';
import router from './router';
import App from './components/App';
require('./bootstrap');

const app = new Vue({
 el: '#app',

 components: {
 App
    },

 router,
});

router. js

import Vue from 'vue';
import VueRouter from 'vue-router';
import Start from './views/Start';

Vue.use(VueRouter);

export default new VueRouter({
 mode: 'history',

 routes: [{
 path: '/',
 name: 'home',
 component: Start,
    }]
});

Пожалуйста, помогите, если вы видите, что я делаю неправильно. Вид «Пуск» не отображается, когда он явно должен быть.

Answer 1

Внутри app.js попробуйте создать экземпляр, подобный этому

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