angular - Dockerize英雄 Angular 之旅

Question

我是docker的新手，我正在尝试将Angular示例项目“Tour of heros”进行docker化，您可以在这里找到:
https://angular.io/generated/zips/toh-pt6/toh-pt6.zip
我从研究中创建了Dockerfile，它看起来像这样:
DOCKERFILE

FROM node:latest

RUN mkdir -p /src/app
WORKDIR /src/app

COPY package.json /src/app
RUN npm install

COPY ./ /src/app

EXPOSE 4200
ENTRYPOINT npm start

当我构建容器时，它不会引发任何错误。
然后我尝试使用docker run -p 4200:4200 toh:app然后运行ng serve(这是为什么，我没有将此命令放在Dockerfile上，但是我认为这是由于Node(？)的版本引起的)，并说它已成功编译。
但是在localhost:4200上，出现一 strip 有ERR_EMPTY_RESPONSE的消息“Localhost没有发送任何数据”。
我看到涉及Docker的问题时，人们通常也会发布package.json文件，所以我也将其发布。
PACKAGE.JSON

{
    "name": "angular-tour-of-heroes",
    "version": "0.0.0",
    "scripts": {
    "ng": "ng",
    "start": "ng serve",
    "build": "ng build",
    "test": "ng test",
    "lint": "ng lint",
    "e2e": "ng e2e"
},
"private": true,
"dependencies": {
  "@angular/animations": "~10.1.6",
  "@angular/common": "~10.1.6",
  "@angular/compiler": "~10.1.6",
  "@angular/core": "~10.1.6",
  "@angular/forms": "~10.1.6",
  "@angular/platform-browser": "~10.1.6",
  "@angular/platform-browser-dynamic": "~10.1.6",
  "@angular/router": "~10.1.6",
  "angular-in-memory-web-api": "^0.11.0",
  "rxjs": "~6.6.0",
  "tslib": "^2.0.0",
  "zone.js": "~0.10.2"
},
"devDependencies": {
  "@angular-devkit/build-angular": "~0.1001.7",
  "@angular/cli": "~10.1.7",
  "@angular/compiler-cli": "~10.1.6",
  "@types/node": "^12.11.1",
  "@types/jasmine": "~3.5.0",
  "@types/jasminewd2": "~2.0.3",
  "codelyzer": "^6.0.0",
  "jasmine-core": "~3.6.0",
  "jasmine-spec-reporter": "~5.0.0",
  "karma": "~5.0.0",
  "karma-chrome-launcher": "~3.1.0",
  "karma-coverage-istanbul-reporter": "~3.0.2",
  "karma-jasmine": "~4.0.0",
  "karma-jasmine-html-reporter": "^1.5.0",
  "protractor": "~7.0.0",
  "ts-node": "~8.3.0",
  "tslint": "~6.1.0",
  "typescript": "~4.0.2"
 }
}

我认为问题出在Dockerfile上，但是我不知道我是否遗漏了明显的东西，或者可能是什么。
非常感谢。
编辑
正如您在下面的评论中可以看到的那样，我在尝试通过ng serve运行容器来尝试将其Docker化时遇到了问题，并问自己为什么每个人都在使用Nginx服务器。所以在我问了一些 friend 之后，他们的回答是:
Ng serve是供开发的，但是当您尝试对应用程序进行docker化时，应通过将/ dist文件复制到usr / nginx / share / html中来使用nginx服务器
我修改了docker，所以现在看起来像这样:

FROM node:10-alpine as build-step

RUN mkdir -p /app

WORKDIR /app

COPY package*.json /app

RUN npm install

COPY . /app

RUN npm run build --prod

#NGINX

FROM nginx:1.17.1-alpine

COPY --from=build-step /app/dist/angular-tour-of-heroes /usr/share/nginx/html

顺便说一句，感谢 FlorentB 尝试帮助我解决此问题。

Answer 1

节点dockerfile中不需要入口点。它使用npm start命令自动启动
注意:

WORKDIR指令选择该文件夹作为您以下操作的根。无需在/ src / app中进行复制。更喜欢。

我将复制package * .json以也复制-lock文件

之所以执行

ng服务，是因为您的package.json文件如此表示。 **“开始”:“ng服务”，
**行表示当您使用npm start时，它会起作用。