Sage11 development on EC2 instance

Hi everyone!

Our agency leverages an EC2 instance (using ServerPilot for server & application management) and Cloud9 IDE for our WordPress development, instead of local development.

I wonder if anyone here has experience with getting Vite to work with a similar format? I have no trouble running vite with HMR on my local machine, but it would be great to get this to work on EC2 as well. (Or I use this as a reason to finally force my colleagues to work locally :imp:)

I have spent a few hours perusing the Vite server documentation (as will as Chat-GPT), but have not made much progress.

Without making any changes (except for updating the base), this is the output I get in the dev console - that vite is trying to GET from local:

GET http://127.0.0.1:5173/app/themes/sage-new/public/build/resources/css/app.css net::ERR_CONNECTION_REFUSED
GET http://127.0.0.1:5173/app/themes/sage-new/public/build/@vite/client net::ERR_CONNECTION_REFUSED
GET http://127.0.0.1:5173/app/themes/sage-new/public/build/resources/js/app.js net::ERR_CONNECTION_REFUSED

I’ve also added custom server: {} options, but no progress has been made.

Any nudge in the right direction would be greatly appreciated.

Thanks,
Alex

Hi, this is a temporary solution, but simply setting refresh: false, in vite.config.js fixed the error. This is of course disabled hot module replacement, but at least solves our issues for now.

However, if anyone knows how to get hmr to run non-locally, then please share. Thanks!

Thanks,
Alex

2 Likes