Angular 6、無効な範囲にアップグレードできません

Question

Angular 6にアップグレードしています

> ng update @angular/core Invalid range: ">=2.1.0"

...そしてそれは私が持っているすべてです。その他の警告、またはその他の説明はありません。私のプロジェクトでは、「> = 2.1.0」文字列にも一致するものはありません。

ng -v結果：

Angular CLI: 6.0.0 Node: 9.4.0 OS: linux x64 Angular: 4.1.3 ... animations, common, compiler, compiler-cli, core, forms ... http, platform-browser, platform-browser-dynamic ... platform-server, router, tsc-wrapped Package Version ----------------------------------------------------------- @angular-devkit/architect 0.6.0 @angular-devkit/build-angular 0.6.0 @angular-devkit/build-optimizer 0.6.0 @angular-devkit/core 0.6.0 @angular-devkit/schematics 0.6.0 @angular/cli 6.0.0 @ngtools/webpack 6.0.0 @schematics/angular 0.6.0 @schematics/update 0.6.0 rxjs 6.1.0 TypeScript 2.3.2 webpack 4.6.0

更新：動作しなかったもの：

すべてを手動で最新バージョンに更新する
rxjsを手動で更新する
typeScriptを2.7.2に更新してから2.8.3に更新する
ng update --allを試みています
npm install @angular/compiler@6.0.0

これらの各ステップの後、角度/コアは上記のエラーで更新されません。

プロジェクトを更新しました。ng-vは次のように表示されます。

Angular CLI: 6.0.0 Node: 9.4.0 OS: linux x64 Angular: 6.0.0 ... cli, compiler, core Package Version ------------------------------------------------------------- @angular-devkit/architect 0.6.0 @angular-devkit/build-angular 0.6.0 @angular-devkit/build-optimizer 0.6.0 @angular-devkit/core 0.6.0 @angular-devkit/schematics 0.6.0 @angular/animations 5.2.10 @angular/common 5.2.10 @angular/compiler-cli 5.2.10 @angular/forms 5.2.10 @angular/http 5.2.10 @angular/platform-browser 5.2.10 @angular/platform-browser-dynamic 5.2.10 @angular/platform-server 5.2.10 @angular/router 5.2.10 @ngtools/webpack 6.0.0 @schematics/angular 0.6.0 @schematics/update 0.6.0 rxjs 6.1.0 TypeScript 2.8.3 webpack 4.6.0

しかし、6.0と表示されるという事実にもかかわらず、プロジェクトは実行に失敗し（angular/coreパッケージのエラー）、コマンドng update @angular/coreを実行しても同じエラーメッセージが生成されます。

Update2：angular 4.0互換バージョンの https://github.com/ akveo/ngx-admin プロジェクトベースとして。ただし、多くの変更があります。

Update3： "すべてを手動で6.0に、@ angular/coreを5.2に更新しても、問題は解決しません（無効な範囲："> = 2.1.0 "）package.jsonは次のとおりです。

{ "name": "-------", "version": "1.0.0", "description": "---------", "author": "-------", "homepage": "-------", "repository": { "type": "git", "url": "-----" }, "bugs": { "url": "-------" }, "license": "---", "scripts": { "ng": "ng", "rimraf": "rimraf", "changelog": "standard-changelog", "start": "ng serve", "start:hmr": "ng serve --hmr", "start:aot": "ng serve --aot", "start:prod": "ng serve --prod", "start:prod:aot": "ng serve --prod --aot", "build": "npm run clean:dist && ng build", "build:prod": "npm run build -- --prod", "build:prod:aot": "npm run build:prod -- --aot", "build:ci": "npm run build:prod && npm run build:prod:aot", "test": "ng test -sr", "test:coverage": "npm run clean:coverage && ng test -sr -cc", "lint": "ng lint", "lint:styles": "stylelint ./src/app/**/*.scss", "lint:ci": "npm run lint && npm run lint:styles", "pree2e": "webdriver-manager update --standalone false --gecko false", "e2e": "ng e2e", "clean:dist": "npm run rimraf -- dist", "clean:coverage": "npm run rimraf -- coverage", "docs:deploy": "wintersmith build -C docs && gh-pages -d docs/build", "docs:serve": "wintersmith preview -C docs" }, "private": true, "dependencies": { "@angular/animations": "^5.2.10", "@angular/common": "^5.2.10", "@angular/compiler": "^5.2.10", "@angular/core": "^5.2.10", "@angular/forms": "^5.2.10", "@angular/http": "^5.2.10", "@angular/platform-browser": "^5.2.10", "@angular/platform-browser-dynamic": "^5.2.10", "@angular/platform-server": "^5.2.10", "@angular/router": "^5.2.10", "@ng-bootstrap/ng-bootstrap": "1.0.0-alpha.26", "@ngx-translate/core": "8.0.0", "@ngx-translate/http-loader": "0.0.3", "amcharts3": "github:amcharts/amcharts3", "ammap3": "github:amcharts/ammap3", "angular2-csv": "^0.2.5", "angular2-datatable": "0.6.0", "animate.css": "3.5.2", "bootstrap": "4.0.0-alpha.6", "chart.js": "1.1.1", "chartist": "0.10.1", "chroma-js": "1.3.3", "ckeditor": "4.6.2", "core-js": "2.4.1", "easy-pie-chart": "2.1.7", "font-awesome": "4.7.0", "fullcalendar": "3.3.1", "google-maps": "3.2.1", "ionicons": "2.0.1", "jquery": "3.2.1", "jquery-slimscroll": "1.3.8", "leaflet": "0.7.7", "leaflet-map": "0.2.1", "lodash": "4.17.4", "ng2-ckeditor": "1.1.6", "ng2-completer": "1.3.1", "ng2-handsontable": "0.48.0", "ng2-slim-loading-bar": "4.0.0", "ng2-smart-table": "1.0.3", "ng2-tree": "2.0.0-alpha.5", "ngx-uploader": "4.2.4", "normalize.css": "6.0.0", "roboto-fontface": "0.7.0", "rxjs": "^5.5.10", "zone.js": "0.8.11" }, "devDependencies": { "@angular/cli": "^6.0.0", "@angular/compiler-cli": "^5.2.10", "@types/fullcalendar": "2.7.40", "@types/jasmine": "2.5.38", "@types/jquery": "2.0.41", "@types/jquery.slimscroll": "1.3.30", "@types/lodash": "4.14.61", "@types/node": "6.0.69", "codelyzer": "3.0.1", "gh-pages": "0.12.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.0", "karma-jasmine-html-reporter": "0.2.2", "npm-run-all": "4.0.2", "protractor": "5.1.0", "rimraf": "2.6.1", "standard-changelog": "1.0.1", "stylelint": "7.10.1", "ts-node": "2.1.2", "tslint": "5.2.0", "tslint-eslint-rules": "4.0.0", "tslint-language-service": "0.9.6", "TypeScript": "^2.4.2", "typogr": "0.6.6", "underscore": "1.8.3", "wintersmith": "2.2.5", "wintersmith-sassy": "1.1.0" } }

Update4：これは Bjeaurn によるgithubスレッドからの興味深いリードです：

無効な範囲：xxxエラーに関しては、@ angular-devkit/schematicsリポジトリをざっと見て、エラーがスローされた場所と実際に何が起こっているかを確認しました。

エラーは https://github.com/angular/devkit/blob/master/packages/schematics/update/update/index.ts#L41 でスローされます

周囲の関数を見ると、semverバージョンのパッケージのみが期待されており、論理的な（より良い用語がないので）バージョン管理は期待されていないようです。

これがコアの問題かもしれませんが、私はまだこれを修正する方法を見ていません：\

Ampati Hareesh · Accepted Answer

最後に！！！ package.jsonに記載されている内部依存関係により、実際には途中で解決されました。

次のすべてのエラーを次々に確認した

Invalid Range: ">=2.1.0" Invalid Range:">=2.0.0|| >=4.0.0-beta" Incompatible peer dependencies Invalid Range:">=4.0.0

モジュールのため

ng2-completer angular-table ng2-smart-table ng2-handsontable ng2-slim-loading-bar @ngx-translate/core @ngx-translate/http-loader,

アップグレードできるものはほとんどありません。これは、ピアの依存関係として6.0.0 angular version

しかし、それらのいくつかはまだ古いバージョン2を使用しています| 4

すべてのピアの依存関係を解決することにより、エラーを解決できます（アップグレードされていないものは省略されます）

PS：依存している外部依存関係が新しいバージョンを使用していない場合は、別の方法を探してください!!!

編集済み：

これはangular 6.0.1、asにアップグレードすることで解決されます

angular/devkitが更新されました-> packages/schematics/update/update/index.ts

角度cliも修正しました

参照： https://github.com/angular/devkit/pull/901/commits/6cdd4f12afc7882f0db6ecd97f26802ff0526e35 （asyurzui、 ForestGに言及）

お役に立てれば！！！

Ramsha Ahsan · Answer

多くの研究の後、私は次の解決策を思いつき、私のローカルプロジェクトをAngular 6.0.1に更新することに成功しました：

npm install @ angular/{animations、common、compiler、compiler-cli、core、forms、http、platform-browser、platform-browser-dynamic、platform-server、router} @ '6.0.1'
ng update rxjs
npm install rxjs @ 6 rxjs-compat @ 6 --save
ng update @ angular/core
ng update @ angular/material
npm install TypeScript @ '> = 2.7.0 <2.8.0'

BrunoJCM · Answer

私はここで同様の問題を抱えていましたが、私の「無効な範囲」は異なっていました：

Invalid range: ">=2.3.1 <3.0.0||>=4.0.0"

依存関係の原因を絞り込もうと数時間苦労した後、誤って2つの「ng-bootstrap」依存関係があることがわかりました:(

 "dependencies": { "@angular/animations": "^5.2.0", "@angular/cdk": "^6.0.1", "@angular/common": "^5.2.0", "@angular/compiler": "^5.2.0", "@angular/core": "^5.2.0", "@angular/forms": "^5.2.0", "@angular/http": "^5.2.0", "@angular/platform-browser": "^5.2.0", "@angular/platform-browser-dynamic": "^5.2.0", "@angular/router": "^5.2.0", "@fortawesome/fontawesome": "^1.1.8", "@fortawesome/fontawesome-free-webfonts": "^1.0.9", "@ng-bootstrap/ng-bootstrap": "^2.0.0", ... "ng-bootstrap": "^1.6.3", <<< WRONG!! "rxjs": "^5.5.6", "zone.js": "^0.8.19" },

したがって、ng-bootstrapをnpmで削除した後、ng update @angular/core @angular/compiler-cli rxjsはうまくいきました！ :)