The latest articles on DEV Community by Ghazi Ben Halima (@ghazibh). https://dev.to/ghazibh https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F1076913%2F4ccf703a-7472-4f09-b7ac-beeb8064a898.png https://dev.to/ghazibh en Ghazi Ben Halima Thu, 04 May 2023 20:54:13 +0000 https://dev.to/ghazibh/this-version-of-cli-is-only-compatible-with-angular-versions-1500-but-angular-version-1600-was-found-instead-k9 https://dev.to/ghazibh/this-version-of-cli-is-only-compatible-with-angular-versions-1500-but-angular-version-1600-was-found-instead-k9 <p>any help for this message i still migrate my angular project from 8.2 to 15 ( *<em>version by version *</em>) but i still have this problem : This version of CLI is only compatible with Angular versions ^15.0.0, but Angular version 16.0.0 was found instead.</p> <p>*<em>My ng version *</em><br> </p> <div class="highlight js-code-highlight"> <pre class="highlight plaintext"><code> _ _ ____ _ ___ / \ _ __ __ _ _ _| | __ _ _ __ / ___| | |_ _| / △ \ | '_ \ / _` | | | | |/ _` | '__| | | | | | | / ___ \| | | | (_| | |_| | | (_| | | | |___| |___ | | /_/ \_\_| |_|\__, |\__,_|_|\__,_|_| \____|_____|___| |___/ Angular CLI: 15.2.8 Node: 16.13.0 Package Manager: npm 8.12.1 OS: win32 x64 Angular: 16.0.0 ... common, core, platform-browser, platform-browser-dynamic ... router Package Version --------------------------------------------------------- @angular-devkit/architect 0.1502.8 @angular-devkit/build-angular 15.2.8 @angular-devkit/core 15.2.8 @angular-devkit/schematics 15.2.8 @angular/animations 8.2.14 @angular/compiler 8.2.14 @angular/compiler-cli 15.2.7 @angular/forms 8.2.14 @angular/language-service 8.2.14 @angular/upgrade 8.2.14 @schematics/angular 15.2.8 rxjs 6.6.7 typescript 4.8.4 </code></pre> </div> <p>My Angular.json<br> </p> <div class="highlight js-code-highlight"> <pre class="highlight plaintext"><code> { "$schema": "./node_modules/@angular/cli/lib/config/schema.json", "version": 1, "newProjectRoot": "projects", "projects": { "@coreuipro/angular": { "root": "", "sourceRoot": "src", "projectType": "application", "architect": { "build": { "builder": "@angular-devkit/build-angular:browser", "options": { "outputPath": "dist", "index": "src/index.html", "main": "src/main.ts", "tsConfig": "src/tsconfig.app.json", "polyfills": "src/polyfills.ts", "assets": [ "src/assets" ], "styles": [ "node_modules/flag-icon-css/css/flag-icon.css", "node_modules/font-awesome/css/font-awesome.css", "node_modules/simple-line-icons/css/simple-line-icons.css", "src/scss/style.scss", "node_modules/datatables.net-dt/css/jquery.dataTables.css", "node_modules/datatables.net-buttons-dt/css/buttons.dataTables.css" ], "scripts": [ "node_modules/chart.js/dist/Chart.bundle.min.js", "node_modules/chart.js/dist/Chart.min.js", "node_modules/jquery/dist/jquery.js", "node_modules/datatables.net/js/jquery.dataTables.js", "node_modules/jszip/dist/jszip.js", "node_modules/datatables.net-buttons/js/dataTables.buttons.js", "node_modules/datatables.net-buttons/js/buttons.colVis.js", "node_modules/datatables.net-buttons/js/buttons.flash.js", "node_modules/datatables.net-buttons/js/buttons.html5.js", "node_modules/datatables.net-buttons/js/buttons.print.js" ] }, "configurations": { "production": { "optimization": false, "outputHashing": "all", "sourceMap": false, "extractCss": true, "namedChunks": false, "aot": true, "extractLicenses": true, "vendorChunk": false, "buildOptimizer": true, "fileReplacements": [ { "replace": "src/environments/environment.ts", "with": "src/environments/environment.prod.ts" } ] } } }, "serve": { "builder": "@angular-devkit/build-angular:dev-server", "options": { "browserTarget": "@coreuipro/angular:build" }, "configurations": { "production": { "browserTarget": "@coreuipro/angular:build:production" } } }, "extract-i18n": { "builder": "@angular-devkit/build-angular:extract-i18n", "options": { "browserTarget": "@coreuipro/angular:build" } }, "test": { "builder": "@angular-devkit/build-angular:karma", "options": { "main": "src/test.ts", "karmaConfig": "./karma.conf.js", "polyfills": "src/polyfills.ts", "tsConfig": "src/tsconfig.spec.json", "scripts": [ "node_modules/chart.js/dist/Chart.bundle.min.js", "node_modules/chart.js/dist/Chart.min.js" ], "styles": [ "node_modules/flag-icon-css/css/flag-icon.css", "node_modules/font-awesome/css/font-awesome.css", "node_modules/simple-line-icons/css/simple-line-icons.css", "src/scss/style.scss" ], "assets": [ "src/assets" ] } }, "lint": { "builder": "@angular-devkit/build-angular:tslint", "options": { "tsConfig": [ "src/tsconfig.app.json", "src/tsconfig.spec.json" ], "exclude": [] } } } }, "@coreuipro/angular-e2e": { "root": "e2e", "sourceRoot": "e2e", "projectType": "application", "architect": { "e2e": { "builder": "@angular-devkit/build-angular:protractor", "options": { "protractorConfig": "./protractor.conf.js", "devServerTarget": "@coreuipro/angular:serve" } }, "lint": { "builder": "@angular-devkit/build-angular:tslint", "options": { "tsConfig": [ "e2e/tsconfig.e2e.json" ], "exclude": [] } } } } }, "defaultProject": "@coreuipro/angular", "schematics": { "@schematics/angular:component": { "prefix": "app", "styleext": "scss" }, "@schematics/angular:directive": { "prefix": "app" } } } </code></pre> </div> <ul> <li><p>i try upgrade the version of AngularCli but the same error ng update @angular/cli --migrate-only --from=16.0 --to=&lt;15.0&gt; --allow-dirty --force</p></li> <li><p>i delete the : node_modules\ @angular-builders\custom-webpack\node_modules</p></li> <li><p>npm install -g @angular/cli@15</p></li> <li><p>npm cache clear --force</p></li> </ul> angular angularmigration angularcli beginners