【发布时间】：2021-05-08 14:13:03
【问题描述】：
您好，我尝试将 docker 与 Angular 应用程序一起使用，但是当我运行 npm install 时，它在 npm install 时失败，而“本地”我没有收到那些依赖错误/警告。
这是来自 docker build 的错误日志：
> [node 4/6] RUN npm install:
#12 9.943 npm notice
#12 9.943 npm notice New patch version of npm available! 7.5.1 -> 7.5.2
#12 9.944 npm notice Changelog: <https://github.com/npm/cli/releases/tag/v7.5.2>
#12 9.944 npm notice Run `npm install -g npm@7.5.2` to update!
#12 9.944 npm notice
#12 9.950 npm ERR! code ERESOLVE
#12 9.956 npm ERR! ERESOLVE unable to resolve dependency tree
#12 9.956 npm ERR!
#12 9.956 npm ERR! While resolving: hotel-manager@0.0.0
#12 9.956 npm ERR! Found: typescript@4.1.3
#12 9.956 npm ERR! node_modules/typescript
#12 9.956 npm ERR! dev typescript@"^4.1.3" from the root project
#12 9.957 npm ERR! peer typescript@"~4.0.0 || ~4.1.0" from @angular-devkit/build-angular@0.1101.2
#12 9.957 npm ERR! node_modules/@angular-devkit/build-angular
#12 9.957 npm ERR! dev @angular-devkit/build-angular@"^0.1101.2" from the root project
#12 9.957 npm ERR! 2 more (@angular/compiler-cli, ng-packagr)
#12 9.957 npm ERR!
#12 9.957 npm ERR! Could not resolve dependency:
#12 9.957 npm ERR! peer typescript@"~3.9.5" from tsickle@0.39.1
#12 9.957 npm ERR! node_modules/tsickle
#12 9.957 npm ERR! peerOptional tsickle@"~0.39.0" from ng-packagr@11.1.3
#12 9.958 npm ERR! node_modules/ng-packagr
#12 9.958 npm ERR! peerOptional ng-packagr@"^11.0.0 || ^11.1.0-next" from @angular-devkit/build-angular@0.1101.2
#12 9.958 npm ERR! node_modules/@angular-devkit/build-angular
#12 9.958 npm ERR! dev @angular-devkit/build-angular@"^0.1101.2" from the root project
#12 9.958 npm ERR!
#12 9.958 npm ERR! Fix the upstream dependency conflict, or retry
#12 9.958 npm ERR! this command with --force, or --legacy-peer-deps
#12 9.959 npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
#12 9.959 npm ERR!
#12 9.959 npm ERR! See /root/.npm/eresolve-report.txt for a full report.
#12 9.967
#12 9.967 npm ERR! A complete log of this run can be found in:
#12 9.967 npm ERR! /root/.npm/_logs/2021-02-04T09_16_48_306Z-debug.log
这是来自 npm install 在 vscode 中的日志：
npm WARN @angular/http@2.4.10 requires a peer of rxjs@^5.0.1 but none is installed. You must install peer dependencies yourself.
npm WARN @angular/http@2.4.10 requires a peer of @angular/core@2.4.10 but none is installed. You must install peer dependencies yourself.
npm WARN @angular/http@2.4.10 requires a peer of @angular/platform-browser@2.4.10 but none is installed. You must install peer dependencies yourself.
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@2.3.1 (node_modules\chokidar\node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@2.3.1: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@2.1.3 (node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@2.1.3: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.13 (node_modules\watchpack-chokidar2\node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.13: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.13 (node_modules\webpack-dev-server\node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.13: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})
据我了解，可选行适用于 mac 用户，我使用的是 windows 10 build 18363
我不使用任何@angular/http，而是使用“@angular/commons/http”，我无法摆脱这些警告，但我认为这不会导致错误。
这是 package.json 文件：
{
"name": "hotel-manager",
"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": "^11.1.2",
"@angular/cdk": "^11.1.1",
"@angular/common": "^11.1.2",
"@angular/compiler": "^11.1.2",
"@angular/core": "^11.1.2",
"@angular/forms": "^11.1.2",
"@angular/localize": "^11.1.2",
"@angular/material": "^11.1.1",
"@angular/platform-browser": "^11.1.2",
"@angular/platform-browser-dynamic": "^11.1.2",
"@angular/router": "^11.1.2",
"@ng-bootstrap/ng-bootstrap": "^9.0.2",
"@types/jquery": "^3.5.5",
"angular-font-awesome": "^3.1.2",
"animate.css": "^4.1.1",
"bootstrap": "^4.6.0",
"font-awesome": "^4.7.0",
"jquery": "^3.5.1",
"ng-editable-table": "^0.3.15",
"popper.js": "^1.16.1",
"rxjs": "~6.6.3",
"tslib": "^2.0.0",
"zone.js": "~0.10.2"
},
"devDependencies": {
"@angular-devkit/build-angular": "^0.1101.2",
"@angular/cli": "^11.1.2",
"@angular/compiler-cli": "^11.1.2",
"@angular/language-service": "^11.1.2",
"@types/jasmine": "~3.6.0",
"@types/jasminewd2": "~2.0.3",
"@types/node": "^12.19.16",
"codelyzer": "^6.0.0",
"jasmine-core": "~3.6.0",
"jasmine-spec-reporter": "~5.0.0",
"karma": "~5.2.3",
"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": "~7.0.0",
"tslint": "~6.1.0",
"typescript": "^4.1.3"
}
}
还有 nginx.prod.docker 文件：
# Stage 1
FROM node:latest as node
LABEL author = 'Sunflame'
WORKDIR /app
COPY package.json package.json
RUN npm install
COPY . .
RUN npm run build -- --prod
# Stage 2
FROM nginx:latest
VOLUME /var/cache/nginx
COPY --from=node /app/dist /usr/share/nginx/html
COPY nginx.conf /etc/nginx/conf.d/default.conf
我使用以下命令构建：
docker build -t nginx-angular -f nginx.prod.dockerfile .
你能帮我做错什么吗？
【问题讨论】：
-
既然您确定本地版本安装正确，请添加复制
package-lock.json文件的步骤。 -
嗯，它是这样工作的，但你确定它是真正的解决方案而不是破解吗？ :)
-
您之前使用过
package-lock.json或yarn.lock吗？正是出于这个原因使用它 - 锁定项目中使用的依赖项。虽然package.json表示依赖项的版本，但请记住，当您进行全新安装时，npm 将根据您是指定^ (minor and patch)还是~ (patch)来安装最新版本。因此，版本将与您在本地的版本不同。