无法升级到 Angular 6，范围无效
Cannot upgrade to Angular 6, invalid range
我正在升级到 Angular 6
Following the upgrade guide，我遇到了以下问题：
> 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
- 正在将打字稿更新到 2.7.2，然后更新到 2.8.3
- 正在尝试
ng update --all
npm install @angular/compiler@6.0.0
完成上述每个步骤后，angular/core 将不会更新并出现上述错误。
现在我已经更新了我的项目，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 仍然会产生相同的错误消息。
更新2：
我正在使用 https://github.com/akveo/ngx-admin 的 angular 4.0 兼容版本作为项目基础。虽然有很多修改。
更新3：
将所有内容手动更新到 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"
}
}
更新4：
这是来自 Bjeaurn:
的 github 线程的一个有趣线索
In regards to the Invalid range: xxx errors, I've taken a quick peek
at the @angular-devkit/schematics repo to see where the error was
thrown and what was actually happening.
The error is thrown at
https://github.com/angular/devkit/blob/master/packages/schematics/update/update/index.ts#L41
If I look at the surrounding function, seems that it's expecting
semver versioned packages only, and no logical (by the lack of a
better term?) versioning.
这可能是核心问题，但我仍然看不出如何解决这个问题：\
终于！！！解决了，其实是中途，因为package.json.
中提到的内部依赖
Went through all of the errors below one after the other
Invalid Range: ">=2.1.0"
Invalid Range:">=2.0.0|| >=4.0.0-beta"
Incompatible peer dependencies
Invalid Range:">=4.0.0
Because of the modules
ng2-completer
angular-table
ng2-smart-table
ng2-handsontable
ng2-slim-loading-bar
@ngx-translate/core
@ngx-translate/http-loader,
他们中很少有人可以升级，其中提到 6.0.0 angular 版本作为他们的对等依赖
但很少有人还在使用旧版本2 | 4
通过解决所有对等依赖，能够解决错误（省略未升级的部分）
PS：如果您所依赖的外部依赖项根本不使用新版本，请寻找替代方案!!!
已编辑:
This will get resolved by upgrading to angular 6.0.1, as
angular/devkit 已更新 --> packages/schematics/update/update/index.ts
也修复了 angular-cli
参考：https://github.com/angular/devkit/pull/901/commits/6cdd4f12afc7882f0db6ecd97f26802ff0526e35（如 yurzui 提到的 ForestG）
希望对您有所帮助！！！
我在这里遇到了类似的问题，但我的 "invalid range" 不同：
Invalid range: ">=2.3.1 <3.0.0||>=4.0.0"
经过几个小时的努力，试图缩小导致这种情况的依赖性的范围，我发现我错误地有两个 "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"
},
因此，在用 npm 删除 ng-bootstrap 之后，ng update @angular/core @angular/compiler-cli rxjs 顺利完成！ :)
经过大量研究，我想出了以下解决方案，并成功将我的本地项目更新到 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 更新 rxjs
- npm install rxjs@6 rxjs-compat@6 --save
- ng 更新@angular/core
- ng 更新@angular/material
- npm install typescript@'>=2.7.0 <2.8.0'
我正在升级到 Angular 6
Following the upgrade guide，我遇到了以下问题：
> 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
- 正在将打字稿更新到 2.7.2，然后更新到 2.8.3
- 正在尝试
ng update --all npm install @angular/compiler@6.0.0
完成上述每个步骤后，angular/core 将不会更新并出现上述错误。
现在我已经更新了我的项目，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 仍然会产生相同的错误消息。
更新2： 我正在使用 https://github.com/akveo/ngx-admin 的 angular 4.0 兼容版本作为项目基础。虽然有很多修改。
更新3： 将所有内容手动更新到 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"
}
}
更新4： 这是来自 Bjeaurn:
的 github 线程的一个有趣线索In regards to the Invalid range: xxx errors, I've taken a quick peek at the @angular-devkit/schematics repo to see where the error was thrown and what was actually happening.
The error is thrown at https://github.com/angular/devkit/blob/master/packages/schematics/update/update/index.ts#L41
If I look at the surrounding function, seems that it's expecting semver versioned packages only, and no logical (by the lack of a better term?) versioning.
这可能是核心问题，但我仍然看不出如何解决这个问题：\
终于！！！解决了，其实是中途，因为package.json.
中提到的内部依赖Went through all of the errors below one after the other
Invalid Range: ">=2.1.0"
Invalid Range:">=2.0.0|| >=4.0.0-beta"
Incompatible peer dependencies
Invalid Range:">=4.0.0
Because of the modules
ng2-completer
angular-table
ng2-smart-table
ng2-handsontable
ng2-slim-loading-bar
@ngx-translate/core
@ngx-translate/http-loader,
他们中很少有人可以升级，其中提到 6.0.0 angular 版本作为他们的对等依赖
但很少有人还在使用旧版本2 | 4
通过解决所有对等依赖，能够解决错误（省略未升级的部分）
PS：如果您所依赖的外部依赖项根本不使用新版本，请寻找替代方案!!!
已编辑:
This will get resolved by upgrading to angular 6.0.1, as
angular/devkit 已更新 --> packages/schematics/update/update/index.ts
也修复了 angular-cli
参考：https://github.com/angular/devkit/pull/901/commits/6cdd4f12afc7882f0db6ecd97f26802ff0526e35（如 yurzui 提到的 ForestG）
希望对您有所帮助！！！
我在这里遇到了类似的问题，但我的 "invalid range" 不同：
Invalid range: ">=2.3.1 <3.0.0||>=4.0.0"
经过几个小时的努力，试图缩小导致这种情况的依赖性的范围，我发现我错误地有两个 "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"
},
因此，在用 npm 删除 ng-bootstrap 之后，ng update @angular/core @angular/compiler-cli rxjs 顺利完成！ :)
经过大量研究，我想出了以下解决方案，并成功将我的本地项目更新到 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 更新 rxjs
- npm install rxjs@6 rxjs-compat@6 --save
- ng 更新@angular/core
- ng 更新@angular/material
- npm install typescript@'>=2.7.0 <2.8.0'