help with using craco with docker

I am trying to get craco to work with my app which is running in a docker image. For some reason after I install craco I am getting an error when running it saying there is a webpack conflict. It’s putting webpack 4.43.0 and react scripts requires 4.42.0.

This is what I am getting when I run npm list webpack

/app # npm list webpack app@0.1.0 /app ±- craco@0.0.3 | -- webpack@4.43.0 – react-scripts@3.4.1 `-- webpack@4.42.0

does anyone know why this might be happening? Thanks!

[billtlee]

Hi @gregoryforel, I am not very good at docker either. But I will try my best.

Here is my docker file for the client service:

FROM node:12-alpine
RUN apk --no-cache add --virtual builds-deps build-base python
RUN npm install -g nodemon
WORKDIR /app
COPY package.json /app/package.json
RUN npm install
COPY . /app
USER node
CMD ["npm", "run", "dev"]

In my package.json I have

"dev": "nodemon craco start"

Here is the client section in my docker-compose.yml

  clientv1:
    build:
      dockerfile: Dockerfile.dev
      context: ./app
    volumes:
      - /app/node_modules
      - ./app:/app
    tty: true

notice the last line tty: true. This is what made it work. However the terminal logging is acting a bit strange. Debugging is not as easy as before.

Hope this helps.

[billtlee]

@yohanb I finally got it to work. I added tty: true to my docker file, then run docker-compose using a -d flag. Although the logging behavior is a bit annoying now so a bit harder to debug. The container wasn’t failing, npm just calls craco and as soon as it hands off to craco it considered it as a success and exit with an exit code of 0. If you guys figure out another way to get this to work, please let me know. Thanks!