Using Quasar components over the Laravel framework
-
I’ve managed to use Quasar components over Laravel 5.4. I documented the steps here.
http://blog.aprilpnguyen.com/2017/04/how-to-set-up-quasar-on-laravel-vue-framework.htmlNote that Laravel Mix will automatically compile all assets from the resources folder to the public folder in the Laravel framework when you do npm run <arg>. You don’t have to do much configuration out of the box.
-
Great. Thanks for posting this!
-
@april hi i followed your steps in create but i did not get the right output…it only displays plain buttons and texts to my display and there is no design or css at all. Is there something else to do to get the right output same as yours? please help me thank you
-
@jeimz173
I tried the steps again and was able to see all styling. Perhaps you could check if your npm is up to date and other settings are correct. Also, you can you Chrome Developer tool to check if there’s any errors behind the scene. -
When i use Quasar on Laravel, i receive this message in Chrome “Uncaught ReferenceError: Vue is not defined at Object”.
Anyone can help-me?
-
Could you post your main javascript file where you import Vue and Quasar?
-
@april Man, it works perfect. Thanks so much. I am already working with Laravel and Quasar and the app looks pretty good.
-
I created another guide for Quasar v0.14. Hope it helps!
http://blog.aprilpnguyen.com/2017/08/how-to-set-up-quasar-v014-on-laravelvue.html
-
@April thanks for this amazing guide, helped a lot. Do you know how pwa template can be integrated with Laravel ?
-
Since we don’t use Quasar’s build tools when using Quasar components with Laravel, we’ll need to modify Laravel Mix which is Laravel’s build tools. A quick google brought me to this article, perhaps you could give it a try? I will do when I have some spare time.
https://medium.com/@IO_/https-medium-com-io-building-progressive-web-apps-with-laravel-57f6bfa3ddb1
-april
-
@april do you have plans to create a version using Quasar 15?
-
@fernando2684 I tried to do that today but didn’t have much luck and ran out of time. I also tried the UMD version (http://quasar-framework.org/guide/embedding-quasar.html) but couldn’t get it to work either. Perhaps, I’d better leave this to @rstoenescu to check if there’s a way to make Quasar more friendly with Laravel.
@rstoenescu Great work! Thank you for your hard work! Laravel has a huge community and it supports Vue, so I think it’s very beneficial for Quasar to provide an easy way to integrate with this framework. Perhaps something to consider…
-
-
Thanks @rstoenescu , it works fine in laravel for static pages that doesn’t requires too much functionalities. But i didnt find a way to use quasar inside .vue components dinamically, I mean on Vue components and .js that uses vuex. For sure there must exist a trick, so I hope @april can get it :).
-
@rstoenescu said in Using Quasar components over the Laravel framework:
Hello
It’s still on Quasar 0.14 far as I see.
That one looks like to be based on 0.15, that include major changes:
https://github.com/impxd/laravel-quasar-pwa-templateWhat’s your thoughts?
