Angular 4 совместимость с @ angular / материал

Question

Я пытаюсь npm install --save @angular/material @angular/cdk, и мой package.json выглядит следующим образом:

"dependencies": {
"@angular/common": "^4.4.7",
"@angular/compiler": "^4.4.7",
"@angular/core": "^4.4.7",
"@angular/forms": "^4.4.7",
"@angular/http": "^4.4.7",
"@angular/platform-browser": "^4.0.0",
"@angular/platform-browser-dynamic": "^4.0.0",
"@angular/router": "^4.4.7",
"angular2-jwt": "^0.2.3",
"bootstrap": "^4.1.0",
"core-js": "^2.4.1",
"jquery": "^3.3.1",
"popper.js": "^1.14.3",
"rxjs": "^5.1.0",
"save": "^2.3.2",
"zone.js": "^0.8.4"
}
"devDependencies": {
        "@angular/cli": "^1.0.0",
        "@angular/compiler-cli": "^4.0.0",
        "@types/jasmine": "2.5.38",
        "@types/node": "^6.0.111",
        "codelyzer": "~2.0.0",
        "jasmine-core": "~2.5.2",
        "jasmine-spec-reporter": "~3.2.0",
        "karma": "~1.4.1",
        "karma-chrome-launcher": "~2.0.0",
        "karma-cli": "~1.0.1",
        "karma-coverage-istanbul-reporter": "^0.2.0",
        "karma-jasmine": "^1.1.2",
        "karma-jasmine-html-reporter": "^0.2.2",
        "protractor": "~5.1.0",
        "ts-node": "~2.0.0",
        "tslint": "~4.5.0",
        "typescript": "2.4.2"
      }

Я получаю предупреждение о неудовлетворенных зависимостях:

npm WARN @angular/cdk@6.1.0 requires a peer of @angular/core@>=6.0.0-beta.0 <7.0.0 but none is installed. You must install peer dependencies yourself.

npm WARN @angular/cdk@6.1.0 requires a peer of @angular/common@>=6.0.0-beta.0 <7.0.0 but none is installed. You must install peer dependencies yourself.

npm WARN @angular/material@6.1.0 requires a peer of @angular/core@>=6.0.0-beta.0 <7.0.0 but none is installed. You must install peer dependencies yourself.

npm WARN @angular/material@6.1.0 requires a peer of @angular/common@>=6.0.0-beta.0 <7.0.0 but none is installed. You must install peer dependencies yourself.

Когда я вручную изменяю эти версии вместесо всеми "@angular/*", "rxjs", @angular/compiler-cli" до "^6.0.0" в package.json и запуском npm install я получаю эту ошибку:

npm WARN angular2-jwt@0.2.3 requires a peer of @angular/core@^2.0.0||^4.0.0 but none is installed. You must install peer dependencies yourself.
npm WARN angular2-jwt@0.2.3 requires a peer of @angular/http@^2.0.0||^4.0.0 but none is installed. You must install peer dependencies yourself.
npm WARN angular2-jwt@0.2.3 requires a peer of rxjs@^5.0.0 but none is installed. You must install peer dependencies yourself.
npm WARN codelyzer@2.0.1 requires a peer of @angular/compiler@^2.3.1 || >=4.0.0-beta <5.0.0 but none is installed. You must install peer dependencies yourself.
npm WARN codelyzer@2.0.1 requires a peer of @angular/core@^2.3.1 || >=4.0.0-beta <5.0.0 but none is installed. You must install peer dependencies yourself.

Сообщение об ошибке предлагает понизить версии ядра, http и rxjs.Если я делаю это, я получаю материал и ошибку cdk, поэтому я застреваю в этом круге.

Любая помощь очень ценится ..

Answer 1

Вы устанавливаете последнюю версию @ angular / cdk и @ angular / material (версия 6.xx), основные версии этих пакетов должны соответствовать основной версии других пакетов @angular в ваших зависимостях.Вот почему вы получаете предупреждения, потому что вы запускаете версию 4.xx Angular.

Из опыта я могу сказать, что предупреждение angular2-jwt не проблема.Хотя рекомендуется переключиться на новую версию пакета, доступную по адресу @ auth0 / angular-jwt (https://github.com/auth0/angular2-jwt)

). По сути, я рекомендую вам прямо сейчас обновить все до версии 5.0.0 * 1006.*

Начните с обновления angular-cli до последней версии (https://github.com/angular/angular-cli#updating-angular-cli)

Затем обновите Angular, следуя там официальному руководству (https://update.angular.io/)