Laravel 9 Inertiajs Vite not loading assets on Shared hosting - laravel

I have deployed my laravel 9 with Inertia.js & Vite to my shared hosting acccount but screen was blank because vite cannot load assets after running npm run build.
Error thrown by vite
Vite manifest not found at: /home/ljsharp1/fmcosmetics.ljsharp.com/public/build/manifest.json
How can I fix this issue please?

I have decided to migrate from vite to mix and it worked fine on the shared server. If it is a bad idea, please give your suggestion. Thanks.

Related

Vite did not Work Properly loading asset on laravel 9?

Vite didnt load asset properly on my laravel 9 project. i've been facing this problem when using laravel 9 with Vite. first when i install laravel breeze i though the breeze is the problem, but now i try using jetstream it has the same issue. please see the screenshot below. can someone help me ?
I think you need to run the Vite server using npm run dev. That will also take care of hot reloading
I run "npm run dev" command by mistake. And website is started using dev url. I searched for a solution but never found. I found solution myself. You need to delete "hot" file in your public folder on your hosting.
In you hosting go to "public" path and delete named "hot" file.

Have a 500 error on live hosting using Laravel App

Can you help me to fix this issue?
I uploaded all files to hosting with all requirements needed (PHP 7.4) and now I see 500 error page. All scripts are working in the public_html directory, but Laravel doesn't.
The configuration is here: http://fratelli.md/info.php

Deployed Laravel project not running

I have a Laravel project working fine in Localhost. After deploying it to a shared hosting server I am getting "prettyPrint is not defined" error. Can someone help me identify the problem. PHP version on server is 7.1. Laravel 5.8 and using jeroennoten/Laravel-AdminLTE
Problem was .htaccess file. Replacing file solved the problem.

React app on deployment server

I have an Ubuntu VPS with Laravel v5.6 served with nginx, and I am trying to use React on the front-end. I don't know if this is possible what I want to do is:
use node and npm to build my front-end app locally,
generate the CSS and JS files and upload those already generated files to my VPS server,
the output should not change since as far as I know npm generates at JS and CSS files with your whole code in it
Thanks for the help, and if there is any suggestion for a different approach just let me know.
You should start to use a frontend bundling solution like webpack or parcel, they do exactly the same
If you generate your app with create-react-app it comes with webpack built-in

How to deploy a laravel5 & vuejs application?

i have a laravel 5 & vuejs application on my local server (vue js that comes with laravel). And now i want to deploy this application on real server like "000webhost.com" to test.
Laravel works fine, but Vue doesn't, I get some unexpected behaviors like blank page when assigning the id="app" to the parent element, and when i remove the id="app" the page appears and works correctly but Vue doesn't.
This is my project structure:
project structure
When uploading,, I upload the whole project without "node_modules" directory (that comes with npm install) Could this be the reason ?
You need to run npm run dev or npm run prod to create your resource bundle with the javascript and other assets. You technically don't need node_modules, so long as you build the projects on another machine and upload all that to your hosted server.

Resources