Error: [VueLoaderPlugin Error] vue-loader 15 currently does not support vue rules with oneOf if anyone comes across this, the fix is as written below. Uninstall vuetify-loader, because version 1.6 isn't compatible with the newest laravel npm uninstall vuetify-loader Install vuetify-loader version 1.5 npm install vuetify-loader@1.5 At last, npm run watch, it should compile correctly. Below link is where I found this solution, don't ask me why it works, it just works... github.com/vuetifyjs/vuetify-loader/issues/144
Works like a charm.... Thanks Mate. For those who like to "copy and Paste" configuration at 8:24 -- see below: const VuetifyLoaderPlugin = require('vuetify-loader/lib/plugin') var CaseSensitivePathsPlugin = require('case-sensitive-paths-webpack-plugin'); var webpackConfig = { plugins: [ new CaseSensitivePathsPlugin(), new VuetifyLoaderPlugin() ] } mix.webpackConfig(webpackConfig);
I really appreciated your video. It was clear, involved no hand-waving/shortcuts and best of all, everything worked as it was supposed to. NOW I can learn Vue, Vuetify and Vuelidate once I've installed it!
Uninstall vuetify-loader (version 1.6), and install vuetify-loader version 1.5 instead. Check this fix, it worked for me. github.com/vuetifyjs/vuetify-loader/issues/144
@@jolanowang4058 This worked. Unfortunately I now have another issue when following the instructions and use a v-data-table. I copy+pasted the example on the Vuetify website (vuetifyjs.com/en/components/data-tables/) of the first data table I could find into my own sample component and when I try to run the code I get the following error: "TypeError: Cannot read property 'breakpoint' of undefined. Note that this does not seem to happen with all components. It does look like this: github.com/vuetifyjs/vuetify/issues/11903 but not exactly the same
I got this error what does this mean? The toast encountered an error. Please make sure that the app id is s Command Line: "D:\xampp\htdocs\vue js de-notifier\vendor\snoreToast\snoreto \\.\pipe otifierPipe-d6ba4a92-bee1- vue js\inventry_management_system od "Build successful" -t "Laravel Mix"
Hi someone please help me out I am getting this error: [Vue warn]: Unknown custom element: - did you register the component correctly? For recursive components, make sure to provide the "name" option. found in ---> at resources/js/components/ExampleComponent.vue
Well done, I would have liked it better if you had omitted the case sensitive paths thing to be a bit more concise but still a great video, looking forward to more content!
Hi. İ have some issue in installing npm. I found out some info how to solve it. But i don't really understand what exactly should i do. Here is prtScrn of my issue prnt.sc/u3uzbg And here is the solving: prnt.sc/u3uzmu . I don't know which proxy and posrt i need to write. Can anybody help me?
I solved it how described here stackoverflow.com/questions/33186123/npm-install-errors-on-vagrant-homestead-windows-eproto-protocol-error-symlink/33188475 And got other errors XD
Video was great, but I believe that we should had gotten a heads up that this does not start off from the very beginning for someone who is just starting off on laravel vue, I was loading my page and all I could see was blank then it hit me that I a have to but thank great video, very helpful please may you do more tuts covering "laravel vue and vuetify"
Great video. One tip: there's a Mac app for showing your keyboard shortcuts on screen when pressed, so you don't have to tell us what you're doing. Also, you forgot to show how to correctly load and use the icons vuetify uses under the hood
Lucas - That’s awesome! I’m gonna look it up. That’s always one of my pet peeves when I see someone’s video and they move so fast! I always want to know what shortcut they used. Thank you!
I follow 1.5 vuetify-loader version as 1.6 doesn't work, my problem is doesn't support. everything works well but Icons doesn't appearing. can anyone help me on this please ?
Thanks for the detailed instructions. I tried to install Vuetify on a Laravel 9 project, and it is not able to use the Vuetify components. I get error messages like, unknown custom element: did you register the component correctly? Perhaps there is some changes between the version you used and Laravel 9. Could you please advise how to fix the issue?
Thanks man really good video, but the icons arent working, also have to modify the import Vuetify from 'vuetify' and add import 'vuetify/dist/vuetify.min.css'... Otherwise cool!
Hey Great job, but I am facing an issue. I have followed your video and try to implement the same and it works but vuetify color not works. I mean If I use the primary button then the button appears but not in a primary color.
Vuetify not working in mine getting below errors Unknown custom element: - did you register the component correctly? For recursive components, make sure to provide the "name" option. Unknown custom element: - did you register the component correctly? For recursive components, make sure to provide the "name" option.
Hey there!! Awesome video man thank you very much. I would like to ask a question please, I am using bootstrap 4.5 on the frontend with vuejs and my admin cms panel is made with coreui stuf...So i dont want to mess up my frontend design adding Vuetify directly into the app.js file since i only need vuetify for the calendar widget....is there a way i can use vuetify just on a single isolated widget without effecting the core js files and without messing up the bootstrap coreui thing in my backend? I am using Laravel & Vuejs though :) Thank you in advance!
Hello for me worked only when I changed this line on the plugins/vuetify.js import Vuetify from 'vuetify' and add after this line import 'vuetify/dist/vuetify.min.css'
Hi, I have install Vue and Vuetify in my project Laravel 7 but Vuetify is probably not installed properly. Because When I try to click to the button for open modal or when I search with autocomplete nothing happens… All the actions that need to be over the screen don’t work, but the rest of it does, do you have an answer to that problem?
please help, here i have a problem i am able to display the components but when i change something inside the component its not updating, i have tried , npm run watch-poll, npm watch, npm install but its not working @Scrypster
@@scrypster Thank you thank you! I had the same problem but for some reason when I rebooted my pc I ran "npm run hot" instead. Changing it to watch it worked and I am so happy
Error: [VueLoaderPlugin Error] vue-loader 15 currently does not support vue rules with oneOf
if anyone comes across this, the fix is as written below.
Uninstall vuetify-loader, because version 1.6 isn't compatible with the newest laravel
npm uninstall vuetify-loader
Install vuetify-loader version 1.5
npm install vuetify-loader@1.5
At last, npm run watch, it should compile correctly.
Below link is where I found this solution, don't ask me why it works, it just works...
github.com/vuetifyjs/vuetify-loader/issues/144
hey thatnks a lot man
Thanks dude!
Yho thanks ma man
Your solution worked !! Thank you so much !!
you saved my life :p
Works like a charm.... Thanks Mate. For those who like to "copy and Paste" configuration at 8:24 -- see below:
const VuetifyLoaderPlugin = require('vuetify-loader/lib/plugin')
var CaseSensitivePathsPlugin = require('case-sensitive-paths-webpack-plugin');
var webpackConfig = {
plugins: [
new CaseSensitivePathsPlugin(),
new VuetifyLoaderPlugin()
]
}
mix.webpackConfig(webpackConfig);
I really appreciated your video. It was clear, involved no hand-waving/shortcuts and best of all, everything worked as it was supposed to. NOW I can learn Vue, Vuetify and Vuelidate once I've installed it!
The instructions will not work anymore with Laravel 7: Error: [VueLoaderPlugin Error] vue-loader 15 currently does not support vue rules with oneOf.
Uninstall vuetify-loader (version 1.6), and install vuetify-loader version 1.5 instead.
Check this fix, it worked for me.
github.com/vuetifyjs/vuetify-loader/issues/144
npm i vuetify-loader@1.5.0
@@dulerong5 This worked. Thanks. Now there's another issue. See reply below
@@jolanowang4058 This worked. Unfortunately I now have another issue when following the instructions and use a v-data-table. I copy+pasted the example on the Vuetify website (vuetifyjs.com/en/components/data-tables/) of the first data table I could find into my own sample component and when I try to run the code I get the following error: "TypeError: Cannot read property 'breakpoint' of undefined.
Note that this does not seem to happen with all components.
It does look like this: github.com/vuetifyjs/vuetify/issues/11903 but not exactly the same
@@dennisvandermeer8238 probably you are using new ver. of vuetify
Thank you for the tutorial. ❤
APPRECIATE IF YOU CAN LOWER YOUR SCREEN RESOLUTION OR INCREASE FONT SIZE WHILE YOU RECORD.
This is an older video. I have increased the resolution and font size for my newer videos. Thanks for watching!
Thank you very much for this very helpful tutorial!
Perfect. Thanks man!
Subbed
Good, but how to fully remove bootstrap after that? There's still some code in the app after npm remove bootstrap
I got this error what does this mean?
The toast encountered an error.
Please make sure that the app id is s
Command Line: "D:\xampp\htdocs\vue js
de-notifier\vendor\snoreToast\snoreto
\\.\pipe
otifierPipe-d6ba4a92-bee1-
vue js\inventry_management_system
od
"Build successful" -t "Laravel Mix"
We want moar latest updates
Hi someone please help me out I am getting this error: [Vue warn]: Unknown custom element: -
did you register the component correctly? For recursive components, make sure to provide the "name" option.
found in
---> at resources/js/components/ExampleComponent.vue
did you fix it?
How about Laravel and Quasar? It makes us a lot powerful you'll be an all in Web, Desktop, Ios, and Android. Can you make a Laravel and Quasar"
I’ll see what I can do. Life has been extra busy lately.
Well done, I would have liked it better if you had omitted the case sensitive paths thing to be a bit more concise but still a great video, looking forward to more content!
Thank you sir. I subscribed to your channel after watching this. Very clean en clear tutorial. Be seeing/watching you. Keep it up!
Hi. İ have some issue in installing npm. I found out some info how to solve it. But i don't really understand what exactly should i do. Here is prtScrn of my issue prnt.sc/u3uzbg And here is the solving: prnt.sc/u3uzmu . I don't know which proxy and posrt i need to write. Can anybody help me?
I solved it how described here stackoverflow.com/questions/33186123/npm-install-errors-on-vagrant-homestead-windows-eproto-protocol-error-symlink/33188475
And got other errors XD
Glad i found thos channel
Very informative and helpful tutorial! Awesome video!
Great tutorial! Realy helps. Thank you
Thank u sr
Great tutorial, Thanks man
thank's for the explanation
Styles not working in Laravel 8 please help
installed via npm,but [webpack-cli] Error: [VuetifyLoaderPlugin Error] No matching rule for vue-loader found.
Video was great, but I believe that we should had gotten a heads up that this does not start off from the very beginning for someone who is just starting off on laravel vue, I was loading my page and all I could see was blank then it hit me that I a have to
but thank great video, very helpful please may you do more tuts covering "laravel vue and vuetify"
Great video. One tip: there's a Mac app for showing your keyboard shortcuts on screen when pressed, so you don't have to tell us what you're doing.
Also, you forgot to show how to correctly load and use the icons vuetify uses under the hood
Lucas - That’s awesome! I’m gonna look it up. That’s always one of my pet peeves when I see someone’s video and they move so fast! I always want to know what shortcut they used. Thank you!
I follow 1.5 vuetify-loader version as 1.6 doesn't work, my problem is doesn't support. everything works well but Icons doesn't appearing. can anyone help me on this please ?
should i have laravel already installed or i'll just install the ui version ?
Thanks for the detailed instructions. I tried to install Vuetify on a Laravel 9 project, and it is not able to use the Vuetify components. I get error messages like, unknown custom element: did you register the component correctly? Perhaps there is some changes between the version you used and Laravel 9. Could you please advise how to fix the issue?
Thank you very much! Simple and effective.
Error: [VueLoaderPlugin Error] vue-loader 15 currently does not support vue rules with oneOf
Solution:
Update version of Vue-js
Great video highly appreciated
Thanks man really good video, but the icons arent working, also have to modify the import Vuetify from 'vuetify' and add import 'vuetify/dist/vuetify.min.css'... Otherwise cool!
Hey Great job, but I am facing an issue. I have followed your video and try to implement the same and it works but vuetify color not works. I mean If I use the primary button then the button appears but not in a primary color.
Very helpful. Thank you!!!
Serious job! Well done!
Vuetify not working in mine getting below errors
Unknown custom element: - did you register the component correctly? For recursive components, make sure to provide the "name" option.
Unknown custom element: - did you register the component correctly? For recursive components, make sure to provide the "name" option.
did you fix it? i have the same problem
@@gianlucasgalati1008 yes lower down the version of vuetify-loader to 1.5.0
@@nikulnayi3271 word i was looking is lower down, thanks a lot. I was starting to get dark thoughts. its working finaly
I changed file in plugins "vuetify.js":
"import Vuetify from 'vuetify/lib'
"
replaced it with:
"import Vuetify from 'vuetify'"
Hey there!! Awesome video man thank you very much. I would like to ask a question please, I am using bootstrap 4.5 on the frontend with vuejs and my admin cms panel is made with coreui stuf...So i dont want to mess up my frontend design adding Vuetify directly into the app.js file since i only need vuetify for the calendar widget....is there a way i can use vuetify just on a single isolated widget without effecting the core js files and without messing up the bootstrap coreui thing in my backend? I am using Laravel & Vuejs though :) Thank you in advance!
hi, please help, everything is running perfectly but vuetify is not showing
thank you bro
This video helped me a lot! thx mate
Hello for me worked only when I changed this line on the plugins/vuetify.js import Vuetify from 'vuetify' and add after this line import 'vuetify/dist/vuetify.min.css'
love you bro you save my life
Mantap jaya
What about django bro?
Great video.
Thank You
Thank you so much!
This was great! Thank you
Josh Tinkler-Josephi thank you!
I'm having error installing fibers. Does anyone know why?
BOOOOOOMMMMMM!!!!
Error
not working anymore under laravel 8 :(
I'm using Laravel 8 and it's working for me perfectly.
Thank you so much !
Thank you for making a helpful tutorial but I hope to you to zoom up this video to watch easily.
I've watched all of your contents and it's amazing. Looking forward for a full course of Laravel Vue Projects.
Hi, I have install Vue and Vuetify in my project Laravel 7 but Vuetify is probably not installed properly. Because When I try to click to the button for open modal or when I search with autocomplete nothing happens…
All the actions that need to be over the screen don’t work, but the rest of it does, do you have an answer to that problem?
I think you forgot to put in your component
I solved the same problem. importing app.js 2 times caused this error. you should check it out
Quality content but it's underrated!!!
How do i use the v-app in all my different component? (using laravel)
vlw mano, deu certo pra min nesta data 20/03/2020
THANKYOUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUU :>
please help, here i have a problem i am able to display the components but when i change something inside the component its not updating, i have tried , npm run watch-poll, npm watch, npm install but its not working @Scrypster
Have you tried “npm run watch”. It’s very hard to diagnose the issue without seeing the environment.
@@scrypster Thank you thank you! I had the same problem but for some reason when I rebooted my pc I ran "npm run hot" instead. Changing it to watch it worked and I am so happy
Thank you sir!
Fady Behnan thank you!
Thanks! Works like a charm
thnx a lot for all