react + vite en docker

[mortal hatch]

hola, alguien que sepa docker me podria ayudar con este error

npm error path /usr/app
npm error command failed
npm error signal SIGTERM
npm error command sh -c vite

npm error A complete log of this run can be found in: /root/.npm/_logs/2024-09-10T17_03_46_939Z-debug-0.log

estoy intentando subir un proyecto de react + vite a docker, el proyecto se sube correctamente pero cuando habro el proyecto en el navegador no me muestra nada

[thorn pivot]

dockerfile?

mandá tu archivo dockerfile

[mortal hatch]

Dockerfile.dev

FROM node:18

WORKDIR /usr/app

COPY package.json .

RUN npm install

EXPOSE 5173

CMD [ "npm","run","dev" ]

docker-compose-dev.yml

services:
  frontend:
    build:
      context: .
      dockerfile: Dockerfile.dev
    ports:
      - "5173:5173"
    volumes:
      - .:/usr/app
      - node_modules:/usr/app/node_modules
volumes:
  node_modules:

no estoy incluyendo en package-log para evitar problemas entre windows y wsl

solo para descartar esa posibilidad

[thorn pivot]

vite está escuchando correctamente el puerto?

fíjate la configuración

[mortal hatch]

del vite.config?

[thorn pivot]

sí

fíjate si está configurado bien para escuchar fuera de localhost

[mortal hatch]

esta config?

[thorn pivot]

probá cambiar host

a 0.0.0.0

[mortal hatch]

ya lo aplico

[thorn pivot]

mm, node_modules no podría generar conflictos?

[mortal hatch]

asi?

server: {
        host: "0.0.0.0",
        port: 5173,
        watch: {
            usePolling: true,
        },
    },

[thorn pivot]

sí

[mortal hatch]

no supe como cofigurar ese volumen, lo quito?

antes tenia problemas con el cache de npm

[thorn pivot]

capaz que sí, porque el host podría sobre escribir los archivos del contenedor

es mejor excluir

[mortal hatch]

vale

[thorn pivot]

de la sincronización directa

[mortal hatch]

asi?

services:
  frontend:
    build:
      context: .
      dockerfile: Dockerfile.dev
    ports:
      - "5173:5173"
    volumes:
      - .:/usr/app

quite la prop que estaba a nivel de services

[thorn pivot]

services:
  frontend:
    build:
      context: .
      dockerfile: Dockerfile.dev
    ports:
      - "5173:5173"
    volumes:
      - .:/usr/app
      - /usr/app/node_modules 

probá con eso

sino con la forma que hiciste vos, probá ambas

[mortal hatch]

vale

[thorn pivot]

acá le cambié para que use el del contenedor

[mortal hatch]

funciono, muchas gracias

una pregunta

si voy a usar otro gestor de paquetes que no sea npm que se hace ahi?

habria que cambiar el dockerfile

intente hacerlo con bun y no lo pude arrancar

o yarn

[thorn pivot]

sí

y creo que también tendrías que instalar el gestor

lo definís en el mismo dockerfile