Angular 2 rc3 - 未解决的依赖关系答案

【问题标题】：Angular 2 rc3 - unresolved dependenciesAngular 2 rc3 - 未解决的依赖关系
【发布时间】：2016-10-26 21:10:49
【问题描述】：

我正在使用来自官方 Angular2 网站的 packages.json，快速入门。昨天它工作正常，今天 npm 无法解决依赖关系。我得到错误：

npm ERR! peerinvalid The package @angular/core@2.0.0-rc.3 does not satisfy its siblings' peerDependencies requirements!
npm ERR! peerinvalid Peer @angular/common@2.0.0-rc.3 wants @angular/core@2.0.0-rc.3
npm ERR! peerinvalid Peer @angular/compiler@2.0.0-rc.3 wants @angular/core@2.0.0-rc.3
npm ERR! peerinvalid Peer @angular/forms@0.1.1 wants @angular/core@2.0.0-rc.3
npm ERR! peerinvalid Peer @angular/http@2.0.0-rc.3 wants @angular/core@2.0.0-rc.3
npm ERR! peerinvalid Peer @angular/platform-browser@2.0.0-rc.3 wants @angular/core@2.0.0-rc.3
npm ERR! peerinvalid Peer @angular/platform-browser-dynamic@2.0.0-rc.3 wants @angular/core@2.0.0-rc.3
npm ERR! peerinvalid Peer @angular/router@3.0.0-alpha.7 wants @angular/core@^2.0.0-rc.2
npm ERR! peerinvalid Peer @angular/router-deprecated@2.0.0-rc.2 wants @angular/core@^2.0.0-rc
npm ERR! peerinvalid Peer @angular/upgrade@2.0.0-rc.3 wants @angular/core@2.0.0-rc.3
npm ERR! peerinvalid Peer angular2-in-memory-web-api@0.0.12 wants @angular/core@2.0.0-rc.2

我的 npm 调试：http://q.i-systems.pl/file/3dd29e55.zip

【问题讨论】：

似乎删除了 node_module 目录然后运行 install works ;)

标签： node.js angular npm

【解决方案1】：

当您更新一些包并留下一些挂起时会发生这种情况，这就是 Angular 刚刚在 RC.3 中所做的。

因此，与其确定谁需要什么，

我删除了node_modules
从 QuickStart 中复制了 package.json，添加了我的附加功能
跑npm install

npm 又开心了。

【讨论】：

【解决方案2】：

这是因为所需的包版本不匹配。在快速启动文件夹中有一个名为 package.json 的文件。这个 package.json 看起来像这样

 {
  "name": "angular2-quickstart",
  "version": "1.0.0",
  "description": "QuickStart package.json from the documentation,supplemented with testing support",
  "scripts": {
  "start": "tsc && concurrently \"tsc -w\" \"lite-server\" ",
  "docker-build": "docker build -t ng2-quickstart .",
  "docker": "npm run docker-build && docker run -it --rm -p 3000:3000 -p 3001:3001 ng2-quickstart",
  "pree2e": "npm run webdriver:update",
  "e2e": "tsc && concurrently \"http-server\" \"protractor    protractor.config.js\"",
  "lint": "tslint ./app/**/*.ts -t verbose",
  "lite": "lite-server",
  "postinstall": "typings install",
  "test": "tsc && concurrently \"tsc -w\" \"karma start karma.conf.js\"",
  "tsc": "tsc",
  "tsc:w": "tsc -w",
  "typings": "typings",
  "webdriver:update": "webdriver-manager update"
},
 "keywords": [],
 "author": "",
 "license": "ISC",
  "dependencies": {
      "@angular/common":  "2.0.0-rc.2",
"@angular/compiler":  "2.0.0-rc.2",
"@angular/core":  "2.0.0-rc.2",
"@angular/forms": "0.1.0",
"@angular/http":  "2.0.0-rc.2",
"@angular/platform-browser":  "2.0.0-rc.2",
"@angular/platform-browser-dynamic":  "2.0.0-rc.2",
"@angular/router":  "3.0.0-alpha.7",
"@angular/router-deprecated":  "2.0.0-rc.2",
"@angular/upgrade":  "2.0.0-rc.2",

"systemjs": "0.19.27",
"core-js": "^2.4.0",
"reflect-metadata": "^0.1.3",
"rxjs": "5.0.0-beta.6",
"zone.js": "^0.6.12",

"angular2-in-memory-web-api": "0.0.12",
"bootstrap": "^3.3.6"
},
"devDependencies": {
"concurrently": "^2.0.0",
"lite-server": "^2.2.0",
"typescript": "^1.8.10",
"typings": "^1.0.4",

"canonical-path": "0.0.2",
"http-server": "^0.9.0",
"tslint": "^3.7.4",
"lodash": "^4.11.1",
"jasmine-core": "~2.4.1",
"karma": "^0.13.22",
"karma-chrome-launcher": "^0.2.3",
"karma-cli": "^0.1.2",
"karma-htmlfile-reporter": "^0.2.2",
"karma-jasmine": "^0.3.8",
"protractor": "^3.3.0",
"rimraf": "^2.5.2"
},
"repository": {}
}

现在如果查看依赖部分，我们会看到类似这样的内容

  dependencies": {
      "@angular/common":  "2.0.0-rc.2",
"@angular/compiler":  "2.0.0-rc.2",
"@angular/core":  "2.0.0-rc.2",
"@angular/forms": "0.1.0",
"@angular/http":  "2.0.0-rc.2",
"@angular/platform-browser":  "2.0.0-rc.2",
"@angular/platform-browser-dynamic":  "2.0.0-rc.2",
"@angular/router":  "3.0.0-alpha.7",
"@angular/router-deprecated":  "2.0.0-rc.2",
"@angular/upgrade":  "2.0.0-rc.2",
}

这是我们指定我们需要的软件包及其版本的地方。如果要使用更高版本的包，请在版本号中使用^。以下将依赖设置为rc.2或更高

dependencies": {
"@angular/common":  "^2.0.0-rc.2",
"@angular/compiler": "^2.0.0-rc.2",
"@angular/core":  "^2.0.0-rc.2",
"@angular/forms": "^0.1.0",
"@angular/http":  "^2.0.0-rc.2",
"@angular/platform-browser":  "^2.0.0-rc.2",
"@angular/platform-browser-dynamic":  "^2.0.0-rc.2",
"@angular/router":  "^3.0.0-alpha.7",
"@angular/router-deprecated":  "^2.0.0-rc.2",
"@angular/upgrade":  "^2.0.0-rc.2"
}

现在转到 shell 并运行命令

 npm cache clean -f
 npm update -g

如果可用，这会将您的软件包更新到更高版本。

【讨论】：

【解决方案3】：

升级 npm 对我有用：

npm install npm -g

然后删除 node_modules 和

npm install

【讨论】：