Laravel - Vue - Components not updating - laravel

I have a fresh installation of laravel 5.4.
I have successfully created a new component and displayed it correctly.
I use npm run watch and my .vue files get compiled correctly.
But now, any changes I make to the .vue files do not get updated.
I purposely made errors to them to see if they compiled but they failed, so I conclude that the watch command successfuly sees changes made to them, on the other hand, nothing updates in the browser (only blade files update).
Any ideas what this could come from ?
PS: I tried php artisan cache:clear but no success.

Silly, the name of the component had a dash in it:
Vue.component('cardtest-component', require('./components/CardTestComponent.vue'));
It was just a typo.

Related

How to make changes to Spark Laravel Billing page?

I am trying to make changes to the Spark Laravel BillingPortal.vue page. After making a change I know the the app.js is being compiled but I see no change in the billing page.
I have cleared the cache in Laravel and the browser and still not luck.
I can completely delete all code on the page and still nothing happens. It is still the same in the browser.
Please tell me how to change this file.
The BillingPortal.vue file compiles into Spark's /public/js/app.js file, so in order to see any updates you'll need to rebuild Spark's JavaScript separately from your application's assets.
cd vendor/laravel/spark-stripe (or vendor/laravel/spark-paddle if you're using Spark Paddle)
npm install
npm run dev
That being said, it's not recommended that you make changes to Composer packages because the changes will be overwritten when the package is updated. Instead choose one of the options mentioned in these answers

composer brings empty framework folder for laravel

After today's composer update, I got an error that composer couldn't find vendor/composer/../laravel/framework/src/Illuminate/Foundation/helpers.php
after investigating I found Laravel's framework folder is empty. It's empty even when I am trying to require Laravel outside the project.
Any Ideas or information could be helpful.
For hotfix, I have copied from another project of that folder and pasted to the Laravel's vendor folder.
I get confirmed another simple rule in programming: in every strange situation just clear the cache.
composer clearcache
You should clear your local composer cache
composer clearcache

Browser not showing the change after updating User.vue file

My question is when I change anything in the Example.vue, User.vue or any of my Vue components and refresh my browser it doesn't get the updates at all, the old values still remain. Even if I delete the entire code in any of my components it's still there. I clear my browser cache, restart the computer, run dev, npm run watch, ran dump-autoload, Php artisan clear cache. I am using laravel 5.8. I am running or of ideas. Any ideas.
Thanks
Do you have supervisor running on your pc? If you do, run
supervisorctl restart all
read more here
and here

Vue Js Compiltion Issue with laravel

I am working on an ongoing project and I am unable to recompile assets for vue.js I have deployed the project successfully on my machine with successfully with already compiled assets but when I changed anything the vue and recompile the assets with “npm run dev” or “npm run watch” command it shows me message that build successful but changes are not applied, I want to mention one thing here that in my case “app.js” is replaced with “vue-app.js”.
I think you have to replace app.js in webpack.mix.js by your new file vue-app.js

Laravel Spark Composer Update only changes vendor folder

So, I am not totally well versed in composer and Laravel spark and it's been awhile since I have done this so forgive me if this is a silly question.
I updated Laravel Spark from version 1 to version 2 and then 3. I need to make use of the afterLoginRedirectTo function which was not available in version 1. Composer update ran fine and I can see the function in the file named "ManagesAppOptions.php." However, it does not appear that any of my files outside of the vendor/Laravel/Spark folder have been changed. I ran composer install and that didn't do anything either.
Am I missing the point here and I just need to push the changes to the vendor folder to the production side?
Do I need to run gulp or something to rebuild those files in my app folder? Are they not changing because Spark thinks that I manually changed them already? If so, how do I force that to update?

Resources