How to correctly enable hot reload with Inertia and Vue?

[WalterPrz]

Hi, thanks for this great project!

I'm using this Docker setup with Laravel, Inertia, and Vue 3. I noticed that when I make changes to my Vue components, hot reload doesn't seem to work properly.

I tried running npm run dev inside the workspace container, but it doesn't seem to be the correct approach. I also saw that port 5173 is exposed in the container, which made me wonder if Vite is supposed to run inside Docker or on the host machine.

So my question is:

👉 What is the correct way to get hot reload working when using Inertia.js with Vue in this Docker setup?

Should I run npm run dev locally on my host instead of inside the container?
Any help or recommended configuration would be appreciated!

Thanks in advance 🙌

[Ziumper]

Hello there!

Maybe it's quite old topic but it may save some time for you guys out there, who wanted to try out the Laravel with Vue and Inertia. In Laravel version 12

Caveats

This works only when you use template and copy docker folder into your project from this great repository

Instructions

When you setup your larave app withl vue starter kit like this:

composer global require laravel/installer
laravel new my-app

First run migrations and make sure your normal localhsot app works as it should
some code might be a bit problematic. To fix that
all you have to do is:

• change you .env APP_URL to http://localhost , vue js template is using following: http://localhost:8000 with fresh template, so you have to be aware of that
• inside package.json add --host to the npm dev script so it will look like that:

 "scripts": {
        "build": "vite build",
        "build:ssr": "vite build && vite build --ssr",
        "dev": "vite --host",
        "format": "prettier --write resources/",
        "format:check": "prettier --check resources/",
        "lint": "eslint . --fix"
    },

• add pcntl php extension into your Docker file ( it's required for running composer run dev command)
  It should look like that

# Install system dependencies and build libraries
RUN apt-get update && apt-get install -y --no-install-recommends \
      pcntl \
# bellow goes the rest of the installation instructions

• run docker compose up -d --build
• login into your container. In case you renamed the compose.dev.yaml to compose.yaml you can do following
  docker compose exec workspace bash
• run the composer run dev
  The hmr should run fine 🦖