Gỡ lỗi ứng dụng webpack-dev-server bên trong Docker container

Tôi đang sử dụng webpack-dev-serverđể chạy ứng dụng Nestjs bên trong container Docker. Tất cả đều hoạt động, nhưng tôi không thể gỡ lỗi ứng dụng từ ví dụ Mã VS của mình. Tôi đang cố gắng để lộ cổng 9229 bằng cấu hình này trên webpack.config.js:

devServer: {
  host: '0.0.0.0',
  port: 9229,
},

Khi tôi chạy netstat -lbên trong container, tôi có thể thấy nút đó không nghe cổng 9229:

Tôi đang hiển thị cổng 9229 trong các tệp Dockerfile và docker-compose. Dockerfile:

FROM node:12.16.1-alpine
WORKDIR /usr/src/app
COPY package.json yarn.lock ./
RUN yarn
COPY . .
EXPOSE 3000
EXPOSE 9229
CMD [ "yarn", "run", "start:debug"]

Và tệp docker-compose.yml:

version: '3.7'
services:
    open-tuna-api:
        image: opentunaapi
        ports:
            - 3000:3000
            - 9229:9229
        volumes: 
            - ./dist:/usr/src/app/dist
            - ./:/usr/src/app
        networks:
            - open-tuna-network
        expose: 
            - 9229
networks:
    open-tuna-network:

Và đây là tập lệnh tôi đang sử dụng để chạy ứng dụng:

"start:debug": "webpack --config webpack.config.js && node --inspect=0.0.0.0:9229 node_modules/webpack-dev-server/bin/webpack-dev-server.js",

Cấu hình khởi chạy của tôi như sau:

{
    "name": "Attach",
    "preLaunchTask": "compose-up",
    "stopOnEntry": true,
    "type": "node",
    "request": "attach",
    "port": 9229,
    "cwd": "${workspaceFolder}", // the root where everything is based on
    "localRoot": "${workspaceFolder}", // root of all server files
    "remoteRoot": "/usr/src/app", // workspace path which was set in the dockerfile
    "outFiles": ["${workspaceFolder}/dist/**/*.js"], // all compiled JavaScript files
    "protocol": "inspector",
    "restart": true,
    "sourceMaps": true,
    "trace": "verbose",
    "address": "0.0.0.0",
    "skipFiles": [
        "<node_internals>/**"
    ],
}

Và khi tôi chạy cấu hình này với bộ chứa và chạy, tôi nhận được một thông báo nói rằng Mã VS không thể kết nối với quy trình.

Vì vậy, câu hỏi của tôi là: có cách nào để gỡ lỗi ứng dụng JavaScript / TypeScript đang chạy webpack-dev-serverbên trong một container Docker không? Điều gì là sai trong môi trường của tôi?

Cảm ơn đã giúp đỡ.

BIÊN TẬP

Rõ ràng vấn đề của tôi không liên quan đến Docker, vì tôi có thể tái tạo nó bên ngoài container.

Hãy xem cấu hình của bạn và đảm bảo bạn bao gồm programtrường. Và trỏ nó vào đúng tập tin bên dưới node_modules.

"program": "${workspaceRoot}/node_modules/webpack-dev-server/bin/webpack-dev-server.js"

Điều đó sẽ giúp bạn đi.

Nếu bạn muốn hiểu rõ hơn về vấn đề này, sẽ có một cuộc trò chuyện dài hơn mà bạn có thể thấy hữu ích - hãy xem nhận xét này trên repo máy chủ webpack-dev-server GitHub chính.