[Vuejs]-My Vue root file/component is not showing up in Laravel

by

0👍

Firstly, try this:

<script src="{{ asset('js/app.js') }}" defer></script>

Secondly, you may need a router view element inside the div with id app. I can’t say for sure since I don’t know your routes. If the change above doesn’t solve the problem, add router view like

<div id="app">
    <router-view />
</div>

UPDATE

Another thing to try. Remove these lines

import VueAxios from 'vue-axios';
import axios from 'axios';
Vue.use(VueAxios, axios);

because you have axios on bootstrap.js file.

And make sure there is no error message on the console.

0👍

Looking at the code after composer require laravel/ui and php artisan ui vue I see small change that may affect the execution of code.
Originally the Laravel setup creates window.Vue = require('vue').default;, but your code has window.Vue = require('vue')

0👍

So it must have been something wrong with my installation process because I followed another tutorial and now it’s working video

Leave a comment