web-dev-qa-db-fra.com

Impossible de mettre à niveau vers Angular 6, plage non valide

Je passe à Angular 6

En suivant le guide de mise à nivea , je rencontre le problème suivant:

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

... et c'est tout ce que j'ai. Aucun autre avertissement ni aucune autre description. Dans mon projet, il n'y a pas de correspondance pour la chaîne "> = 2.1.0" non plus.

ng -v résultats:

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

Mise à jour: Chose qui n'a pas fonctionné:

  • tout mettre à jour manuellement vers la dernière version
  • mise à jour manuelle de rxjs
  • mise à jour de TypeScript vers 2.7.2 puis vers 2.8.3
  • essayer ng update --all
  • npm install @angular/[email protected]

Après chacune de ces étapes, l'angulaire/noyau ne se mettrait pas à jour avec l'erreur indiquée ci-dessus.

Maintenant que j'ai mis à jour mon projet, ng -v montre ce qui suit:

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

Mais malgré le fait qu'il affiche 6.0, le projet ne s'exécute pas (erreurs dans le package angular/core) et exécute la commande ng update @angular/core renvoie toujours le même message d'erreur.

Update2: J'utilise la version compatible angular 4.0 de https://github.com/ akveo/ngx-admin comme base de projet, mais il y a beaucoup de modifications.

Update3: " Après avoir tout mis à jour manuellement vers 6.0 et @ angular/core vers 5.2, le problème persiste (plage non valide:"> = 2.1.0 ") le package.json est le suivant:

{
  "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: Ceci est une piste intéressante du thread github par Bjeaurn :

En ce qui concerne la plage invalide: erreurs xxx, j'ai jeté un coup d'œil rapide au repo @ angular-devkit/schematics pour voir où l'erreur a été lancée et ce qui s'est réellement passé.

L'erreur est lancée sur https://github.com/angular/devkit/blob/master/packages/schematics/update/update/index.ts#L41

Si je regarde la fonction environnante, il semble qu'elle n'attende que des packages versionnés à la fois, et pas de version logique (par l'absence d'un meilleur terme?).

Cela pourrait être le problème principal, mais je ne vois toujours pas comment résoudre ce problème: \

17
ForestG

Finalement!!! Résolu, en fait à mi-chemin, en raison des dépendances internes mentionnées dans package.json.

Passé par toutes les erreurs ci-dessous l'une après l'autre

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

En raison des modules

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

Peu d'entre eux peuvent être mis à niveau, ce qui mentionne 6.0.0 angular comme dépendances de leurs pairs)

Mais peu d'entre eux utilisent toujours l'ancienne version 2 | 4

En résolvant toutes les dépendances de pairs, capable de résoudre l'erreur (omis qui ne sont pas mis à niveau)

PS: Si du tout si les dépendances externes dont vous dépendez n'utilisent pas la nouvelle version, cherchez une alternative !!!

Modifié :

Cela sera résolu en passant à angular 6.0.1, as

angular/devkit a été mis à jour -> packages/schematics/update/update/index.ts

qui fixe angulaire-cli ainsi

Réf: https://github.com/angular/devkit/pull/901/commits/6cdd4f12afc7882f0db6ecd97f26802ff0526e35 (as yurzui , ForestG mentionné)

J'espère que cela t'aides!!!

6
Ampati Hareesh

Après beaucoup de recherches, j'ai trouvé la solution suivante et j'ai réussi à mettre à jour mon projet local vers Angular 6.0.1:

  1. npm install @ angular/{animations, common, compiler, compiler-cli, core, forms, http, platform-browser, platform-browser-dynamic, platform-server, router} @ '6.0.1'
  2. ng update rxjs
  3. npm install rxjs @ 6 rxjs-compat @ 6 --save
  4. ng update @ angular/core
  5. ng update @ angular/material
  6. npm install TypeScript @ '> = 2.7.0 <2.8.0'
2
Ramsha Ahsan

J'avais un problème similaire ici, mais ma "plage non valide" était différente:

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

Après avoir lutté pendant quelques heures, essayé de réduire la dépendance à l'origine de cela, j'ai découvert que j'avais deux dépendances "ng-bootstrap" par erreur :(

  "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"
  },

Donc, après avoir supprimé ng-bootstrap avec npm, ng update @angular/core @angular/compiler-cli rxjs s'est bien passé! :)

1
BrunoJCM