chalet icon indicating copy to clipboard operation
chalet copied to clipboard

Trouble getting chalet to work with svelte-kit/vite

Open pascalpp opened this issue 4 years ago • 2 comments

Trying to figure out how to get a svelte-kit app (https://kit.svelte.dev) working in chalet. I can get the app running, but it keeps reloading. Svelte-kit apps use vite (https://vitejs.dev) for hot-module-reloading in development, and vite is trying to connect to wss://my-app.localhost:3000 and failing, so it tries reloading, infinitely. Not sure how to get this working so that chalet will forward those web socket connections through to the vite server. Here's my app config:

{
  "cwd": "/Users/pascal/Projects/my-svelte-app",
  "cmd": "npm run dev",
  "xfwd": true,
  "out": "app.log",
  "env": {
    "PATH": "[omitted]",
    "PORT": 3000
  }
}

I have self-signed SSL working, so the app loads at https://my-app.localhost, but it can't reach wss:my-app.localhost:3000

Will keep trying and report what I find but if anyone has any guidance I'd appreciate it.

pascalpp avatar Dec 02 '21 16:12 pascalpp

Follow up: I was trying again to get vite working in chalet, and I noticed that some of the example servers in the readme include --port $PORT, so I tried that with my vite app and it works! Including wss/hmr (web sockets / hot module replacement)

{
  "cwd": "/Users/pascal/Projects/vite-chalet",
  "cmd": "npm run dev -- --port $PORT",
  "env": {
    "PATH": "[omitted]"
  }
}

pascalpp avatar Jul 11 '23 21:07 pascalpp

Opened a PR to aid future travelers down this road https://github.com/jeansaad/chalet/pull/44

pascalpp avatar Jul 11 '23 23:07 pascalpp