reactjs - 尝试 npm 启动我的反应应用程序时出现 Dockercompose 错误

Question

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

这是我的反应的 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:

这是我得到的错误：

标签： reactjsdockernpmwebpackwebpack-dev-server

Answer 1

我有类似的问题并添加

tty: true 

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