Angular 有棱角的码头工人不工作

我有一个停靠的angular应用程序，在使用“docker compose up”时不会启动。我将应用程序对接，因为我想将其分发给同学等

这个形象的建立很好

请在文章末尾找到错误消息

这是我关于角度部分的Dockerfile：

FROM node:9.4.0

RUN mkdir -p /usr/src/app

WORKDIR /usr/src/app

COPY package.json /usr/src/app

RUN npm install --save

COPY . /usr/src/app

EXPOSE 4200

CMD ["npm", "start"]

这是Docker compose文件中与角度相关的部分：

angular:
    build: ../angular
    container_name: ng
    ports:
      - "4200:4200"
    volumes:
      - ../angular:/usr/src/app

我一开始就犯了这个错误

angular@0.0.0 start /usr/src/app

ng serve -H 0.0.0.0

sh: 1: ng: not found

npm ERR! file sh

npm ERR! code ELIFECYCLE

npm ERR! errno ENOENT

npm ERR! syscall spawn

npm ERR! angular@0.0.0 start: `ng serve -H 0.0.0.0`

npm ERR! spawn ENOENT

npm ERR!

npm ERR! Failed at the angular@0.0.0 start script.

npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm WARN Local package.json exists, but node_modules missing, did you mean to install?

package.json

{
  "name": "angular",
  "version": "0.0.0",
  "license": "MIT",
  "scripts": {
    "ng": "ng",
    "start": "ng serve -H 0.0.0.0",
    "build": "ng build --prod",
    "test": "ng test",
    "lint": "ng lint",
    "e2e": "ng e2e"
  },
  "private": true,
  "dependencies": {
    "@angular/animations": "^5.1.0",
    "@angular/common": "^5.1.0",
    "@angular/compiler": "^5.1.0",
    "@angular/core": "^5.1.0",
    "@angular/forms": "^5.1.0",
    "@angular/http": "^5.1.0",
    "@angular/platform-browser": "^5.1.0",
    "@angular/platform-browser-dynamic": "^5.1.0",
    "@angular/router": "^5.1.0",
    "bootstrap": "^3.3.7",
    "core-js": "^2.4.1",
    "rxjs": "^5.5.6",
    "zone.js": "^0.8.19"
  },
  "devDependencies": {
    "@angular/cli": "1.6.4",
    "@angular/compiler-cli": "^5.1.0",
    "@angular/language-service": "^5.1.0",
    "@types/jasmine": "~2.8.3",
    "@types/jasminewd2": "~2.0.2",
    "@types/node": "~6.0.60",
    "codelyzer": "^4.0.1",
    "jasmine-core": "~2.8.0",
    "jasmine-spec-reporter": "~4.2.1",
    "karma": "~2.0.0",
    "karma-chrome-launcher": "~2.2.0",
    "karma-cli": "~1.0.1",
    "karma-coverage-istanbul-reporter": "^1.2.1",
    "karma-jasmine": "~1.1.0",
    "karma-jasmine-html-reporter": "^0.2.2",
    "protractor": "~5.1.2",
    "ts-node": "~3.2.0",
    "tslint": "~5.9.1",
    "typescript": "~2.5.3"
  }
}

请让我知道，如果你有任何想法，我可以在dockerfiles或撰写文件更改。 提前非常感谢。

试试这个

angular:
    build: ../angular
    container_name: ng
    ports:
      - "4200:4200"
    volumes:
      - ../angular:/usr/src/app
      - /usr/src/app/node_modules

---

最后，我不得不删除容器的卷

docker-compose rm -v angular

---

这是因为我装载了

node\u模块/

，以避免覆盖这些模块，因为我们是通过containerhost装载来装载js源代码以进行热重新加载的。

我假设您的package.json中有ng cli或类似工具。您不需要使用-g（全局）安装它以使ng命令在容器中工作吗？或者如果没有，您需要在项目文件夹中？我已经添加了包。jsonI在docker文件中更改了安装过程：RUN npm-g config set user root RUN npm install--quiet--no progress-g@angular/cli@latest运行npm cache clean--force，但现在我得到一个错误：node_模块显示为空，您可能需要运行

npm安装