Question

首先，我是NodeJs和NPM的新手，所以提前感谢任何人都可以提供给我的任何澄清。

这是关于NPM在程序包安装期间给出的对等依赖性和警告的问题。关于StackOverflow的NPM文档和其他问题似乎无法回答我关于解决这些依赖性问题我能做什么/应该做些什么的确切问题。

实际上，我所尝试的一切似乎都让事情变得更糟，我现在感到很困惑。

从最新的Angular CLI全新安装开始，我创建了一个新的Angular 5项目。为此，我添加了Angular Material。

当我添加Angular flex-layout时，我收到了以下警告：

npm WARN @angular/flex-layout@2.0.0-beta.10-4905443 requires a peer of @angular/core@~4.4.4 but none is installed. You must install peer dependencies yourself.
npm WARN @angular/flex-layout@2.0.0-beta.10-4905443 requires a peer of @angular/common@~4.4.4 but none is installed. You must install peer dependencies yourself.

添加angular-split会添加以下内容：

npm WARN angular-split@0.2.7 requires a peer of @angular/common@^4.0.0 but none is installed. You must install peer dependencies yourself.
npm WARN angular-split@0.2.7 requires a peer of @angular/core@^4.0.0 but none is installed. You must install peer dependencies yourself.

我已经完成了一些成功的角度布局实验，但角度分割似乎没有正常工作。作者网站上的例子很好，所以我怀疑这可能是因为它没有预期的Angular版本。

这些警告是否意味着我可以与我的代码使用的主要版本并排安装所需版本的Angular组件，以满足这些库的需要。要求？

或者，它们是否真的意味着flex-layout和angular-split与我正在使用的Angular版本不完全兼容（因此在更新之前我无法使用它们。）

总之，同一模块的不同版本可以在项目中共存，如果是这样，我需要采取哪些步骤，因为到目前为止我所做的一切都让自己陷入了可怕的混乱。

这就是我的packages.json文件：

{
  "name": "angular-test4",
  "version": "0.0.0",
  "license": "MIT",
  "scripts": {
    "ng": "ng",
    "start": "ng serve",
    "build": "ng build",
    "test": "ng test",
    "lint": "ng lint",
    "e2e": "ng e2e"
  },
  "private": true,
  "dependencies": {
    "@angular/animations": "^5.0.0",
    "@angular/cdk": "^5.0.0-rc.2",
    "@angular/common": "^5.0.0",
    "@angular/compiler": "^5.0.0",
    "@angular/core": "^5.0.3",
    "@angular/flex-layout": "^2.0.0-beta.10-4905443",
    "@angular/forms": "^5.0.0",
    "@angular/http": "^5.0.0",
    "@angular/material": "^5.0.0-rc.2",
    "@angular/platform-browser": "^5.0.0",
    "@angular/platform-browser-dynamic": "^5.0.0",
    "@angular/router": "^5.0.0",
    "angular-split": "^0.2.7",
    "core-js": "^2.4.1",
    "hammerjs": "^2.0.8",
    "rxjs": "^5.5.2",
    "zone.js": "^0.8.14"
  },
  "devDependencies": {
    "@angular/cli": "1.5.4",
    "@angular/compiler-cli": "^5.0.0",
    "@angular/language-service": "^5.0.0",
    "@types/jasmine": "~2.5.53",
    "@types/jasminewd2": "~2.0.2",
    "@types/node": "~6.0.60",
    "codelyzer": "^4.0.1",
    "jasmine-core": "~2.6.2",
    "jasmine-spec-reporter": "~4.1.0",
    "karma": "~1.7.0",
    "karma-chrome-launcher": "~2.1.1",
    "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.7.0",
    "typescript": "~2.4.2"
  }
}

NPM对等依赖项 - 解决方案的选项？

0 个答案: