Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

After bun run dev inside docker container - vite hot reload doesn't work #17303

Open
yaarsky opened this issue Jun 20, 2024 · 0 comments
Open
Labels
area/cli area/project-creation Related to project creation process using the commands: `yarn create quasar` and `npm init quasar` bug/1-hard-to-reproduce A reproduction is available, but it's hard to reproduce, so it has a lower priority. bug/1-repro-available A reproduction is available and needs to be confirmed. flavour/quasar-cli-vite kind/bug 🐞 mode/spa Qv2 🔝 Quasar v2 issues

Comments

@yaarsky
Copy link

yaarsky commented Jun 20, 2024

What happened?

I'm learning to code and developing SPA on remote machine using Docker containers environment for development and tried to change Node runtime to Bun. Everything installed and started, but hot reload doesn't work.

What did you expect to happen?

Still don't know.

Running local machine (windows 10) without docker - all is working fine, and hot reload too.

Running on remote machine inside docker container - hot reload doesn't work
Running on CodeSandBox - same - hot reload doesn't work

Could anyone point me in the right direction to figure out how to fix this or need to research it?

Reproduction URL

https://codesandbox.io/p/devbox/bun-and-quasar-8p23mt?layout=%257B%2522sidebarPanel%2522%253A%2522EXPLORER%2522%252C%2522rootPanelGroup%2522%253A%257B%2522direction%2522%253A%2522horizontal%2522%252C%2522contentType%2522%253A%2522UNKNOWN%2522%252C%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522id%2522%253A%2522ROOT_LAYOUT%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522contentType%2522%253A%2522UNKNOWN%2522%252C%2522direction%2522%253A%2522vertical%2522%252C%2522id%2522%253A%2522clxnouv8r0006356mzg5egh6a%2522%252C%2522sizes%2522%253A%255B100%252C0%255D%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522contentType%2522%253A%2522EDITOR%2522%252C%2522direction%2522%253A%2522horizontal%2522%252C%2522id%2522%253A%2522EDITOR%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL%2522%252C%2522contentType%2522%253A%2522EDITOR%2522%252C%2522id%2522%253A%2522clxnouv8q0002356mw1mvf3px%2522%257D%255D%257D%252C%257B%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522contentType%2522%253A%2522SHELLS%2522%252C%2522direction%2522%253A%2522horizontal%2522%252C%2522id%2522%253A%2522SHELLS%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL%2522%252C%2522contentType%2522%253A%2522SHELLS%2522%252C%2522id%2522%253A%2522clxnouv8q0004356m48910a4g%2522%257D%255D%252C%2522sizes%2522%253A%255B100%255D%257D%255D%257D%252C%257B%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522contentType%2522%253A%2522DEVTOOLS%2522%252C%2522direction%2522%253A%2522vertical%2522%252C%2522id%2522%253A%2522DEVTOOLS%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL%2522%252C%2522contentType%2522%253A%2522DEVTOOLS%2522%252C%2522id%2522%253A%2522clxnouv8q0005356m98jlgqhg%2522%257D%255D%252C%2522sizes%2522%253A%255B100%255D%257D%255D%252C%2522sizes%2522%253A%255B53.81149005439313%252C46.18850994560687%255D%257D%252C%2522tabbedPanels%2522%253A%257B%2522clxnouv8q0002356mw1mvf3px%2522%253A%257B%2522tabs%2522%253A%255B%257B%2522id%2522%253A%2522clxnouv8p0001356mprjr8fce%2522%252C%2522mode%2522%253A%2522permanent%2522%252C%2522type%2522%253A%2522FILE%2522%252C%2522filepath%2522%253A%2522%252FREADME.md%2522%257D%255D%252C%2522id%2522%253A%2522clxnouv8q0002356mw1mvf3px%2522%252C%2522activeTabId%2522%253A%2522clxnouv8p0001356mprjr8fce%2522%257D%252C%2522clxnouv8q0005356m98jlgqhg%2522%253A%257B%2522id%2522%253A%2522clxnouv8q0005356m98jlgqhg%2522%252C%2522activeTabId%2522%253A%2522clxnp29q700b0356mmzyohbxw%2522%252C%2522tabs%2522%253A%255B%257B%2522type%2522%253A%2522UNASSIGNED_PORT%2522%252C%2522port%2522%253A9000%252C%2522id%2522%253A%2522clxnp29q700b0356mmzyohbxw%2522%252C%2522mode%2522%253A%2522permanent%2522%252C%2522path%2522%253A%2522%252F%2523%252F%2522%257D%255D%257D%252C%2522clxnouv8q0004356m48910a4g%2522%253A%257B%2522id%2522%253A%2522clxnouv8q0004356m48910a4g%2522%252C%2522tabs%2522%253A%255B%257B%2522id%2522%253A%2522clxnoyvc3008h356m7gao3czb%2522%252C%2522mode%2522%253A%2522permanent%2522%252C%2522type%2522%253A%2522TERMINAL%2522%252C%2522shellId%2522%253A%2522clxnoyvfz006tdbhded9r8rpt%2522%257D%255D%252C%2522activeTabId%2522%253A%2522clxnoyvc3008h356m7gao3czb%2522%257D%257D%252C%2522showDevtools%2522%253Atrue%252C%2522showShells%2522%253Afalse%252C%2522showSidebar%2522%253Atrue%252C%2522sidebarPanelSize%2522%253A15%257D

How to reproduce?

  1. Check Reproduction URL and try to edit code
    OR
  2. Pull Bun docker image
docker pull oven/bun

OR get this Dockerfile:

FROM oven/bun:latest as base

FROM base as init
WORKDIR /app
COPY package.jso* package-lock.jso* bun.lock* /client/
CMD ["bun", "install"]

FROM init as dev
COPY . /api
CMD ["bun", "run", "dev"]
  1. Run image with next options: -it (to stay interactive), -v (mount your local directory to container), -p (connect ports to local from container) with sh or bash in entrypoint.
    Example
	docker run  -it --rm \
	--name testbun \
	-p 9000:9000 \
	-v ./testbun:/testbun \
	testbun \
	bash
  1. Inside started docker container install Quasar CLI:
bun install -g @quasar/cli
  1. Go through and fill project scaffolding:
bun create quasar
  1. Run dev server
bun run dev
  1. Try to edit code and see a changes in the browser

Flavour

Quasar CLI with Vite (@quasar/cli | @quasar/app-vite)

Areas

Quasar CLI Commands/Configuration (@quasar/cli | @quasar/app-webpack | @quasar/app-vite), Project Creation (create-quasar), SPA Mode

Platforms/Browsers

No response

Quasar info output

No response

Relevant log output

No response

Additional context

No response

@yaarsky yaarsky added kind/bug 🐞 Qv2 🔝 Quasar v2 issues labels Jun 20, 2024
@github-actions github-actions bot added area/cli area/project-creation Related to project creation process using the commands: `yarn create quasar` and `npm init quasar` bug/1-hard-to-reproduce A reproduction is available, but it's hard to reproduce, so it has a lower priority. bug/1-repro-available A reproduction is available and needs to be confirmed. flavour/quasar-cli-vite mode/spa labels Jun 20, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
area/cli area/project-creation Related to project creation process using the commands: `yarn create quasar` and `npm init quasar` bug/1-hard-to-reproduce A reproduction is available, but it's hard to reproduce, so it has a lower priority. bug/1-repro-available A reproduction is available and needs to be confirmed. flavour/quasar-cli-vite kind/bug 🐞 mode/spa Qv2 🔝 Quasar v2 issues
Projects
None yet
Development

No branches or pull requests

1 participant