使用 docker-compose.yml 文件中的卷进行代码同步但无法正常工作

Question

index.js

const express = require('express')
const router = require('./routes')

const app = express()

app.use(router)

app.listen(3000, () => {
   console.log('Server is up on port 3000')
})

routes.js

const express = require('express')
const todos = require('./_data')

const router = new express.Router()

router.get('/', (req, res) => {
  res.send('Todo APP!!!')
})

router.get('/todos', (req, res) => {
 res.send(todos)
})

module.exports = router

Dockerfile

FROM node:alpine
WORKDIR /app
COPY package.json . 
RUN npm install 
COPY . .
CMD ["npm", "run", "start"]

docker-compose

  version: '3'
  services:
   node_backend_api:
    build: .
    ports: 
     - "3000:3000"
    volumes:
     - "/app/node_modules"
     - ".:/app"
    environment:
     - CHOKIDAR_USEPOLLING=true 

Use volumes in docker-compose.yml file for source code syncing. When I change source code from my local project it will also change inside docker container. It works fine when I hit command "docker-compose up" but it can not reflect changes in web browser when I want to see the output.

Answer 1

So first, remove: COPY. . COPY. . from your dockerfile . You don't want to copy the files from host to container, you want to use volumes.

Then, remove - "/app/node_modules" from your docker-compose.yml file There is no point in doing this (btw why are you even doing this? please read the documentation: https://docs.docker.com/compose/compose-file/compose-file-v3/#volumes ).

Finally re-up your stack while building it:

docker-compose up --build