Not working Laravel + Vuejs in laravel app

Question

working with Laravel 5.7 and Vue Js. this is app.js

let Myheader = require('./components/Myheader.vue');
let Myfooter = require('./components/Myfooter.vue');

const app = new Vue({
    el: '#app',
    components:{Myheader,Myfooter}
});

blade.php file

<body>
<div id="app">
<Myheader></Myheader>
<Myfooter></Myfooter>
</div>
<script src="{{ asset('js/app.js')}}"></script>  
</body>

but when I run artisan serve command it is not displayed vue component. how can fix this problem?

You can't build Vue files with artisan serve. Try npm run watch or npm run dev. Be sure, you have npm installed. By the way, check your console output, should ne some errors there :) — Tarasovych
– Tarasovych, Commented May 2, 2019 at 13:19
and console output is this [Vue warn]: Failed to mount component: template or render function not defined. found in ---> <Myfooter> <Root> — banda
– banda, Commented May 2, 2019 at 15:34

user5446912 · Accepted Answer · 2019-05-02 15:50:30Z

1

If you are use Laravel Mix 4.0+, try adding .default to your requires. This is needed when you use CommonJS to import modules.

let Myheader = require('./components/Myheader.vue').default; 
let Myfooter = require('./components/Myfooter.vue').default;

answered May 2, 2019 at 15:50

user5446912

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Not working Laravel + Vuejs in laravel app

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related