Angular Version Update Not Reflected - node.js

I've been following this Angular guide (https://update.angular.io/?l=3&v=8.2-12.0) to upgrade the Angular version of my project from 9 to 10 (12 ultimately) but when I execute ng --version command it still shows 9.1.13.
I have provided links to two images. The first one showing the update from Angular version 9 to 10 and the second showing the current Angular version of the project.
Upgrade Angular Version
Current Angular Version
Anyone know what may be the issue?

If you are running ng --version command outside of your project folder and you have global #angular/cli installed on your machine, so maybe it's normal.
You can have a specific #angular/cli version installed for your project and another global installed on your PC.
Try to run npm i -g #angular/cli#12.2.18 and then run your ng --version
It will install a global #angular/cli#12.2.18 on your PC. No matter on witch folder you are.

Related

how to install different ionic version in different node using nvm

I am using multiple versions of node using nvm to develop my ionic projects. I started with ionic 3 so by default my system installs ionic 3 in every version.Now I want to install the latest ionic cli but cannot do it. I tried the uninstall command to remove ionic 3 but no matter what I try I am not able to remove the ionic 3 from one of my nvm. Please help me to remove it without affecting the other version.

NG command is displaying incorrect node version

I am getting below error when I tried to use ng command
Node.js version v11.13.0 detected.
The Angular CLI requires a minimum Node.js version of either v10.13 or v12.0.
Please update your Node.js version or visit https://nodejs.org/ for additional instructions.
When I try to see the node version using node -v, I see node version on my machine is v12.18.3
So from where ng is getting v11.13.0? How do I resolve this issue?
I tried below steps
Clear the NPM cache
Uninstall both node versions from the NVM
Uninstall anything that starts with node in Control Panel\Programs and Features
Install required node versions in NVM
Install Angular CLI
and things started working for me.
Had the same issue. It turns out installed Angular CLI was not compatible with the installed node and npm version. I used the https://stackoverflow.com/a/60258560 to check the compatibility. Then performed following steps:
Uninstall Angular cli
Uninstall Node and NVM
Installed Node version I wanted (10.x).
Installed specific Angular version corresponding to Node v10 which was Angular Cli v11 at this time.
I was also facing the same issue in my Windows machine where the node -v version and the version picked up by ng command were different. This was because my node.js command prompt was picking the version from AppData\Roaming\npm folder. Cleaning up this folder fixed the issue for me.
Uninstall node
Empty the contents from C:\Users<user>\AppData\Roaming\npm
Install the required node version

node wont update angular

I have been struggling for days to try and get angular to update. I have finally narrowed it down to the fact when I run
ng new
it creates an angular app using version 1.7.4 but I have updated angular to version 8.1.2. when I run
ng --version
I get the message "your global version is 8.1.2 is greater than your local version 1.7.4 the local version will be uses"
I have run npm
npm update -g#angular/cli
npm update #angular/cli
but nothing. I have also deleted the files in
c:\users\user\appdata\roaming\npm\node_modules\#angular
and tried running
npm install #angular/cli
Has anyone got any idea either how to update my local install of angular or when I run
ng new
to get it to use the global version?
Thanks
npm update will update your package to the latest safe version, i.e. it won't increase a major version of your current package which is 1 in your case. A change of a major version means there will be breaking changes.
So you need to explicitly specify the package version to which you want to migrate. I.e. npm update #angular/cli#^8.1.2 or npm install #angular/cli#^8.1.2, sorry I mostly use yarn so not sure which of these 2 commands will work.

npm installing wrong version of anuglar(8.1.0)

when i run the following command, it shows 6.4.1.
npm run ng --version
but when i am running the following command, it is installing 8.1.0 and getting error. i do not understand how it is happening.
npm install -g #angular/cli
i tried the following commands. but it is not working
npm cache clean --force
npm install -g #angular/cli
Error Screen
My Requirement:
Angular 6
how can i resolve this?
You should the latest (12+) node when upgrading to angular 8. You can download it from here.
After upgrading node, the issues should go away.
For simple use cases and thanks to the work done in Angular 8, you can upgrade to the latest release using one command:
$ ng update #angular/cli #angular/core
After running this command, the lazy loaded routes will be automatically migrated to the new import syntax which is standard compliant and brings Angular close to the open web platform.
You also need to be aware of the following issues when upgrading your project:
Angular 8 makes use of the latest TypeScript 3.4, so even if the upgrade process completes with success you might have some syntax errors that may be due to the better type inference system used by the latest version which detects new potential typing issues but in the end this will improve your code quality and helps you avoid bugs in the future. You can see the new features of TypeScript 3.4 from the official docs.
You need to have Node.js 12+. Simply run node -v to verify your Node version. You can install the latest version from the official website

How to update the Node.js in windows

After I upgraded the ionic CLI, I have error when I do a ionic serve.
The error is
ERR: Your Node.js version is v5.11.1. Please update to the latest Node 6 LTS version (or latest Node).
What is the command that I can upgrade to Node 6 LTS without redownload the Node.js installer?
Use NVM Windows Version (Node Version Manager) - be aware its a separate version from Mac / Linux
https://github.com/coreybutler/nvm-windows
More info you can check out this one :
How do I update Node.js?
nvm install node
There is no need to update your node in case some impacts might occur to your projects, the most effective way to tackle this is to reinstall your ionic CLI in command prompt by operating: "npm uninstall -g ionic" and npm install -g ionic#.... You might need to switch earlier version of ionic so as to match with your cordova or some other App package.enter image description here
Just download and install Node.js from https://nodejs.org/en/. It will detect your current installation version and upgrade it if necessary.

Resources