在 docker 容器内调试角度

Posted 2023-03-07

【中文标题】在 docker 容器内调试角度

【英文标题】：Debug angular inside docker container

【发布时间】：2021-01-19 01:06:08

【问题描述】：

我有一个简单的 Angular 应用程序，它位于一个简单的 docker 容器中。 我正在尝试使用 WebStorm 附加调试器，但目前没有任何乐趣。我没有太多 JS/Angular 经验也无济于事

Dockerfile：

FROM node:12
RUN npm install -g @angular/cli
ENV APP_DIR=/usr/src/app
RUN mkdir -p $APP_DIR
WORKDIR $APP_DIR
EXPOSE 4200

docker-compose.yml:

version: "3"
services:
  angular-poke-front-end:
    build: .
    ports:
      - "4200:4200"
    volumes:
      - ../:/usr/src/app
    entrypoint: [ "npm", "start" ]
    environment:
      NODE_ENV: "development"

包.json：

  "name": "front-end",
  "version": "0.0.0",
  "scripts": 
    "ng": "ng",
    "start": "ng serve --host 0.0.0.0",
    "debug": "",
    "build": "ng build",
    "test": "ng test",
    "lint": "ng lint",
    "e2e": "ng e2e"
  ,
...

我想我需要在我的package.json 文件中有一个调试脚本，但我不知道如何配置它，然后从我读过的其他资源中我可能需要传递一个调试标志？

【参考方案1】：

这是一篇关于subject 的好文章 否则，您还可以使用 chrome 开发工具从浏览器中调试您的代码，例如

【讨论】：

那篇文章用于在 docker 容器中调试 Angular 框架本身。我相信@LazyOne 想调试他的应用程序。