【问题标题】:Cannot upgrade to Angular 6, invalid range无法升级到 Angular 6,范围无效
【发布时间】:2018-10-14 19:21:02
【问题描述】:

我正在升级到 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
  • 将 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,但项目无法运行(角度/核心包中的错误),并且执行命令 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 线程的有趣线索:

关于 Invalid range: xxx 错误,我快速浏览了一下 在 @angular-devkit/schematics 存储库中查看错误在哪里 抛出和实际发生的事情。

错误被抛出 https://github.com/angular/devkit/blob/master/packages/schematics/update/update/index.ts#L41

如果我查看周围的功能,似乎它正在期待 semver 版本控制的软件包,没有逻辑(由于缺少 更好的术语?)版本控制。

这可能是核心问题,但我仍然看不到如何解决这个问题:\

【问题讨论】:

  • 在github上也发现了这个问题:github.com/angular/angular-cli/issues/10621
  • @oCcSking 那也是我的线程 :) 问题是,从他们的存储库中提取的干净项目可以使用那里描述的方法进行更新,但它不适用于我的特定项目。
  • 我会从一个新的空项目手动迁移
  • 你能提供你的 Angular 4 版本的 package.json 吗?在他们提到的文档中升级到下一个主要版本比跳过一个主要版本升级要好......而不是 4-6 make它稳定在 4-5 ,然后是 5-6,如果可能,请创建示例回购!!!

标签: angular npm angular6


【解决方案1】:

终于!!!由于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 版本作为它们的对等依赖项

但很少有人仍在使用旧版本 2 | 4

通过解决所有对等依赖,能够解决错误(未升级的省略)

PS:如果你所依赖的外部依赖项根本不使用新版本,请寻找替代方案!!!

已编辑

这将通过升级到 Angular 6.0.1 来解决,因为

angular/devkit 已更新 --> packages/schematics/update/update/index.ts

它也修复了 angular-cli

Ref : https://github.com/angular/devkit/pull/901/commits/6cdd4f12afc7882f0db6ecd97f26802ff0526e35(正如 yurzui ,ForestG 提到的)

希望对你有帮助!!!

【讨论】:

  • 感谢您的宝贵时间!但我很难理解你做了什么。你更新了什么?如何?以什么顺序?确切的命令是什么? ng update ng2-completer 对我来说立即失败并出现原始(无效范围...)错误。
  • 这里,很少有模块有使用小于 6 版本的限制,实际上顺序在这里并不重要,因为可以像 npm install --save yourmodule@latest ...
  • 以及使用 >= vs ^ 的语法问题,正如 Daniel W Strimpel 提到的那样
  • 将注释每个模块版本以及它支持的 Angular 版本和对等依赖项。在此之前,同时您可以删除提到的模块并在之后进行升级...将这些依赖项添加到您的应用程序中
  • 实际上,更新到 Angular 6.0.1 为我解决了这个问题。确切的原因是这个错误:github.com/angular/devkit/pull/901/commits/… 已得到修复。我感谢您在这件事上付出的努力,但基本问题是一个错误,而不是依赖版本本身。
【解决方案2】:

经过大量研究,我提出了以下解决方案,并成功地将我的本地项目更新到 Angular 6.0.1:

  1. npm install @angular/{animations,common,compiler,compiler-cli,core,forms,http,platform-b​​rowser,platform-b​​rowser-dynamic,platform-server,router}@'6.0.1'
  2. ng 更新 rxjs
  3. npm install rxjs@6 rxjs-compat@6 --save
  4. ng 更新@angular/core
  5. ng 更新@angular/material
  6. npm install typescript@'>=2.7.0

【讨论】:

    【解决方案3】:

    我在这里遇到了类似的问题,但我的“无效范围”不同:

    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 顺利通过! :)

    【讨论】:

    • 感谢您的帮助,但删除它并没有解决我的问题。
    猜你喜欢
    • 2020-02-01
    • 1970-01-01
    • 2020-12-05
    • 1970-01-01
    • 2018-11-21
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-11-19
    相关资源
    最近更新 更多