Laravel + Vue app assets are not building using demo 8
I followed this documentation to create a fresh Laravel 9 and Vue 3 using demo 8 app: https://preview.keenthemes.com/metronic8/vue/docs/#/vue-laravel-integration
However, when running
npm run dev, it only builds up until about 12%, and then it freezes. How do I resolve this?
I also tried the regular Metronic 8 Laravel app and that application builds its assets without a problem.
Can someone please help me out with this?
Sorry for the delay with reply.
The loading takes a while, but it should proceed after some time.
But approaching from the doc is not the best in combining vue and laravel applications, you can check another approach in the article below:
Also if you just want to use Vue reactivity you might not use a Vue router, in this case, you can just bundle separate components and then use them in your page views.
The loading litterally takes ages: I left my laptop open for 20 minutes and it was still stuck as 12%.
Well, the thing is that I started out with a Laravel 9 Metronic 8 application build. But after developing I realised that I would like to use Vue components inside blade files.
My follow up question would be: is there any tutorial or documentation for achieving that? The Metronic Laravel 9 application does not have the standard Laravel 9
app.js file and the build is completely different, so I have no idea where to call Vue's
As for the article, this article only works well when I have a base Laravel app, which the Metronic 8 template is not.
Unfortunately, we do not have an official Metronic doc about Vue component usage in .blade files. It is a great idea and we will consider adding it in upcoming releases.
Below I listed some tutorials from the web: