Level 102
Check if it is exposed by running docker ps
Personally I expose the port, start the container with docker compose, and finally uses docker-compose exec to run the command in the running container
1 like
Jan 13, 2023
7
Level 6
Node in docker for assets building: npm run dev not working
Hello! I created a docker compose configuration to serve my application.
(I know about Sail, but I wanted to make basic configuration by myself to learn Docker better)
I add node as container:
node:
container_name: node
image: node:lts
working_dir: /var/www
volumes:
- ./:/var/www
ports:
- 5173:5173
And added tailwind to my assets. But I can't get npm run dev to working. I start it like that:
docker compose run --rm node npm run dev
Vite sees file changes and reload it
3:15:52 PM [vite] page reload resources/views/welcome.blade.php (x2)
But it has no effect on my assets when I change tailwind classes in the *.blade.php files. Like there is no Tailwind at all. npm run build works as expected.
There are errors in console:
GET http://127.0.0.1:5173/@vite/client net::ERR_CONNECTION_REFUSED
GET http://127.0.0.1:5173/resources/css/app.css net::ERR_CONNECTION_REFUSED
It seems that I should somehow expose vite from node container to application, but how do I do it?
Thank you
Level 6
@Sinnbeck no, it was not exposed. In fact, node container exited right after starting :)
I think I need to start this container with "npm run dev" as entrypoint or something (I started to learn Docker yesterday)
Level 102
@deromanenko you might not want to to always run. Instead I recommend you start the container and start npm when needed.
Personally I learned docker but changed to using lando instead as it's just easier :) https://sinnbeck.dev/posts/using-lando-to-run-laravel-in-docker
https://sinnbeck.dev/posts/getting-vite-and-laravel-to-work-with-lando
1 like
Level 6
@Sinnbeck thank you! Will definitely give it a try!
Level 102
@deromanenko it's a bit like sail, but a whole ecosystem
1 like
Level 6
Yahoo, it works with this configuration:
node:
container_name: node
image: node:lts
working_dir: /var/www
volumes:
- ./:/var/www
ports:
- 5173:5173
entrypoint: ['npm', 'run', 'dev'] # To start building
Thank you very much @sinnbeck
1 like
Level 102
@deromanenko happy to help :)
1 like
Please or to participate in this conversation.