尝试 npm 启动我的反应应用程序时出现 Docker Compose 错误答案

【问题标题】：Dockercompose error while trying to npm start my react app尝试 npm 启动我的反应应用程序时出现 Docker Compose 错误
【发布时间】：2020-10-18 10:10:51
【问题描述】：

我想 dockerize 我的 react/django 应用程序，所以我创建了那些 docker 文件和 dockercompose 当我键入 docker-compose up 我的数据库并且后端工作正常但我在反应中遇到错误（｢wds｣：内容不是来自 webpack 是从 /app/myyreactproject/public 提供的）提到 -p 3000:3000 我得到了同样的错误但是当我输入 -p 3000:3000 它工作正常我想在不使用“-p”的情况下启动我的前端，因为我不能将它与 docker-compose 一起使用有什么帮助吗？

这是我的 react 的 dockerfile：

FROM node:alpine
WORKDIR '/app/myyreactproject'

COPY package.json .
RUN npm install &&\
    npm install react react-dom &&\
    npm install react-confirm-alert --save &&\
    npm install axios &&\
    npm install jsonwebtoken &&\
    npm install jwt-decode
COPY . .
EXPOSE 3000
CMD ["npm" , "start"]

这是我的 dockercompose.yml

  version: '3'

  services:
 db:
  image: postgres
  environment:
    - POSTGRES_DB=postgres
    - POSTGRES_USER=postgres
    - POSTGRES_PASSWORD=yassine123
web:
  build: ./projet
  command: python manage.py runserver 0.0.0.0:8000
  volumes:
    - ./projet:/app/projet
  ports:
    - "8000:8000"
  depends_on:
    - db
frontend:
  build: ./myyreactproject
  command: ["npm", "start"]
  volumes:
    - ./myyreactproject:/app/myyreactproject
    - node-modules:/app/myyreactproject/node_modules
  ports:
    - "3000:3000"

volumes:
node-modules:

这是我得到的错误：

【问题讨论】：

标签： reactjs docker npm webpack webpack-dev-server

【解决方案1】：

我遇到了类似的问题并添加了

tty: true

在 .yml 文件中，它解决了我的问题，所以尝试在 .yml 文件中添加 tty: true

【讨论】：