Menu
I am upgrading to Angular 6
Following the upgrade guide, I encounter the following problem:
> ng update @angular/core
Invalid range: ">=2.1.0"
...and that's all I have. No other warnings, or any other description. In my project, there is no match for the ">=2.1.0" string either.
ng -v results:
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
Update: Thing's that did not work:
ng update --all
npm install @angular/[email protected]After each of these steps, the angular/core would not update with the error stated above.
Now i have updated my project, ng -v shows the following:
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
But despite the fact it shows 6.0, the project fails to run (errors in angular/core package), and executing the command ng update @angular/core still yields the same error message.
Update2: I am using the angular 4.0 compatible version of https://github.com/akveo/ngx-admin as the project base. There are a lot of modifications on it though.
Update3:" After updating everything manually to 6.0, and @angular/core to 5.2, the problem still persist (Invalid range: ">=2.1.0") the package.json is the following:
{
"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: This is an interesting lead from the github thread by Bjeaurn:
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.
This might be the core problem, but I still fail to see how to fix this :\
846
Just update @angular/core and @angular/cli by using ng update command. If you are using Angular material You have to update it as well using ng update command. The Angular latest Official stable version is Angular v14 which is released on 2nd June 2022. The Angular latest Official stable version is Angular v13.
To solve the error "Could not find module '@angular-devkit/build-angular'", make sure to install the package by opening your terminal in your project's root directory and running the following command: npm i -D @angular-devkit/build-angular and restart your IDE and development server. Copied!
Finally!!! Solved, actually halfway, because of the internal dependencies mentioned in 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,
Few of them can be upgraded, which mentions 6.0.0 angular version as their peer dependencies
But few of them still using the old version 2 | 4
By resolving all the peer dependencies, able to resolve the error(omitted which are not upgraded)
PS: If at all if the external dependencies that you are depending upon doesn't use the new version, look for alternative !!!
Edited:
This will get resolved by upgrading to angular 6.0.1, as
angular/devkit has been updated --> packages/schematics/update/update/index.ts
which fixed angular-cli as well
Ref : https://github.com/angular/devkit/pull/901/commits/6cdd4f12afc7882f0db6ecd97f26802ff0526e35 (as yurzui ,ForestG mentioned)
Hope this helps!!!
100
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
