When I try to update the local Angular CLI version, I keep encountering an error with this command:
npm uninstall --save-dev angular-cli. (following instructions from this source)
npm ERR! code ERESOLVE
npm ERR! ERESOLVE could not resolve
npm ERR!
npm ERR! While resolving: @angular-devkit/<a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="9af8eff3f6feb7fbf4fdeff6fbe8daabafb4aab4ae">[email protected]</a>
npm ERR! Found: @angular/<a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="b6d5d9dbc6dffaf1c2e0feefd2faa1efe0fdffeb">[email protected]</a>
npm ERR! node_modules/@angular/compiler-cli
npm ERR! dev @angular/compiler-cli@"~12.2.1" from the root project
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer @angular/compiler-cli@"^15.0.0" from @angular-devkit/{" "}
npm ERR! node_modules/@angular-devkit/build-angular
...">Similarly, I face an error when running npm install:
npm ERR! code ERESOLVE
npm ERR! ERESOLVE could not resolve
npm ERR!
npm ERR! While resolving: @angular-devkit/<a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="4e2c3b27222a632f20293b222f3c0e7f7b607e607a">[email protected]</a>
npm ERR! Found: @angular/<a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="61eeedfdcecccbfbafa5fafea2ededff">$[email protected]</a>
npm ERR! node_modules/@angular/compiler-cli
npm ERR! ...</questionbody>
<exquestionbody>
<div class="question">
<p>I am trying to update my local Angular CLI version, but whenever I use the specified command, I keep receiving the following error:</p>
<p>npm uninstall --save-dev angular-cli. (trying to follow steps provided in <a href="https://www.angularjswiki.com/angular/update-angular-cli-version-ng-update-to-latest-6-7-versions/" rel="noreferrer">this guide</a>)</p>
<pre><code>npm ERR! code ERESOLVE
npm ERR! ERESOLVE could not resolve
npm ERR!
npm ERR! While resolving: @angular-devkit/<a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="9af8eff3f6feb7fbf4fdeff6fbe8daabafb4aab4ae">[email protected]</a>
npm ERR! Found: @angular/<a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="b6d5d9dbc6dfdaf3d0dddcd5dee6caacc9cdc2ddded85<br /><br />Written by: xyz</p>
</div>
</exquestionbody>
<answer1>
<div class="answer accepted" i="75012104" l="4.0" c="1672861151" v="6" a="THVpZ2kgV29vZGhvdXNl" ai="15315878">
<p>Try the following commands</p>
<p>npm install --force</p>
<p>ng update @angular/core@15 @angular/cli@15 --force</p>
<p>Also enter this command so you wont have to use --force again. This should resolve the dependency conflicts</p>
<p>npm config set legacy-peer-deps true</p>
</div>
</answer1>
<answer2>
<div class="answer" i="75012699" l="4.0" c="1672867394" v="-1" a="a2Fzb3BlIGpvaG5zb24=" ai="14024690">
<p>You have 2 options:</p>
<p>Satisfy the @angular-devkit/build-angular peer dependency requirement FIRST by installing</p>
<pre><code>npm i @angular/compiler-cli@^15.0.0
then run your command again
Or let npm resolve it using legacy peer deps resolution:
npm uninstall -D angular-cli --legacy-peer-deps