As I’ve just stumbled about some problems deploying an app using Vite on heroku.com, I thought I might just help and spread the word (or article) from Harry Laoulakos’ blog. Before I kept having problems with opening my app – the deployment worked fine, but then my app kept going from starting to crashed or, depending on what I tried, going into a timeout error as the port couldn’t be bound within 60 seconds.
I already had heroku/nodejs added as buildpack as he suggests:
The crucial changes for my setup were to add the following to my package.json
"postinstall": "npm run build", "serve-heroku": "vite --host 0.0.0.0 --port $PORT preview",
and, to go alongside with it, create a Procfile (not Profile) file with the following content:
web: npm run serve-heroku
Hope this helps in case you run into similar issues.
No similar posts.