Level 104
Did you run a bundler/build step using npm or equivalent?
Jul 18, 2024
7
Level 1
Changes to Laravel-Vue site not showing on browser reload
I am working on a Laravel-Vue website on shared hosting while using cPanel. I have made changes to some of the component/layout but the changes don't show when I reload the browser. I am finding my way working on Laravel/Vue at novice level, so please excuse if my question seem dumb. Please help with possible solution. I am open to learn.
I edited the components/layout on cPanel expecting to see the changes on browser when I reload. Example: Changing the class name of a DIV. Unfortunately nothing changes. I have cleared stored files on my browser thinking that will help load the changes but still doesn't do the trick.
Level 1
@tykus I bought the script from Envato. Installed it on cPanel. I need to do some customization to the components as explained in my initial post. Please help. Thanks for reply.
Level 104
@engineertb if you are modifying uncompiled JS source files, then you need to build the bundle again with the changed source files. I would assume the purchased files/directories came with instructions? Otherwise, check if you have a package.json that you can share here.
Level 1
@tykus I tried to paste the package.json code here but it's scattered. Please access it here https://codeshare.io/ZLqlYe
Level 104
@engineertb okay, so you will need to execute
-
npm installto install all of the dependencies, -
npm run prodto build for production
I expect you will not be able to achieve this in shared hosting environment, so you probably will need to make (and verify) the changes on a local, development environment (you will need node and npm installed). Then you can build for production locally and push the resulting file(s) to your host.
Level 1
@tykus Thank you. I will do as you recommended.
Level 51
After doing a change on assets, you need to run npm run prod on the server.
Please or to participate in this conversation.