首页 > 解决方案 > 在 docker 容器内调试角度

问题描述

我有一个简单的 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

码头工人-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文件中有一个调试脚本,但我不知道如何配置它,然后从我读过的其他资源中我可能需要传递一个调试标志?

标签: node.jsangulardockerdocker-composewebstorm

解决方案


这是一篇关于该主题的好文章 否则,您还可以使用 chrome 开发工具从浏览器调试代码


推荐阅读