ng：使用angular-cli创建新项目时找不到命令

Question

Installed angular-cli globally using ( npm install -g angular-cli ) but when I'm trying to create project using ng new my-project it is throwing error:

ng: command not found

Answer 1

The issue is simple, npm doesn't know about ng

Just run npm link @angular/cli and it should work seamlessly.

Answer 2

First, angular-cli is deprecated and has been replaced with @angular/cli . So if you uninstall your existing angular-cli with npm uninstall angular-cli , then reinstall the package with the new name @angular/cli you might get some conflicts. My story on Windows 7 is:

I had installed angular-cli and reinstalled using npm install -g @angular/cli , but after doing some config changes to command-line tools, I started getting the ng command not found issue. I spent several hours trying to fix this but none of the above issues alone worked. I was able to fix it using these steps:

Install Rapid Environment Editor and remove any PATH entries for node, npm, angular-cli or @angular/cli. Node.js will be in your System path, npm and angular entries are in the User path.

Uninstall node.js and reinstall the current version (for me 6.11.1). Run Rapid Environment Editor again and make sure node.js and npm are in your System or User path. Uninstall any existing ng versions with:

npm uninstall -g angular-cli

npm uninstall -g @angular/cli

npm cache clean

Delete the C:\\Users\\%YOU%\\AppData\\Roaming\\npm\\node_modules\\@angular folder.

Reboot, then, finally, run:

npm install -g @angular/cli

Then hold your breath and run:

ng -v

If you're lucky, you'll get some love. Hold your breath henceforward every time you run the ng command, because 'command not found' has magically reappeared for me several times after ng was running fine and I thought the problem was solved.

Answer 3

Make sure that the npm directory is in your " Path " variable.

If the module is installed properly, it may work if you start it out of your global node module directory, but your command line tool doesn't know where to find the ng command when you are not in this directory.

For Win system variable add something like:

%USERPROFILE%\AppData\Roaming\npm

And if you use a unix-like terminal (emulator):

PATH=$PATH:[path_to_your_user_profile]/path-to-npm

Answer 4

the easiest solution is ( If you have already installed angular ) :

1 remove the ng alias if existing

unalias ng

2 add the correct alias

alias ng="/Users/<user_name>/.npm-global/bin/ng"

3 run ng serve for example and it will work.

Answer 5

This is how I made it worked for me :).

1 - npm link @angular/cli

It will return you the path of cli , which will look like this

/usr/local/Cellar/node/11.3.0_1/lib/node_modules/@angular/cli

For this part, /11.3.0_1 please replace this with your respective node version that can be found by typing node --version

2 - cd ~/

3 - open .bash_profile

In the bash profile create an alias for cli like this,

alias ng="/usr/local/Cellar/node/11.3.0_1/lib/node_modules/@angular/cli/bin/ng"

4 - source ~/.bash_profile

This is how your .bash_profile will look like once you add alias to it.

Now typing ng in the terminal will display output shown in attached snapshot.

I hope this answer will be helpful.

Answer 6

For Mac run

npm install -g @angular/cli@latest

then run

alias ng="/usr/local/lib/node_modules/node/lib/node_modules/@angular/cli/bin/ng"

Check if working

ng version

Answer 7

Run below commands:

npm uninstall -g angular-cli

npm uninstall -g @angular/cli

npm cache clean

npm install -g @angular/cli@latest

alias ng="C:/Users/itaas/.npm-global/ng" ( Location of ng file in npm folder)

And finally run :

ng -v 

Answer 8

我已经通过添加别名解决了同样的问题，例如：

alias ng="path-to-your-global-node-modules/angular-cli/bin/ng"

Answer 9

In my case install angular cli

npm install -g @angular/cli@latest

update Nodejs to latest , then all should work fine.

...and if you still have that problem, it maybe because you run the command in shell and not in cmd (you need to run command in cmd), check this out and maybe it helps...

Answer 10

If you have installed angular cli globally but ng isn't working, just do this:

echo -e "export PATH=$(npm prefix -g)/bin:$PATH" >> ~/.bashrc

source ~/.bashrc

ng --version

Answer 11

Adding %AppData%\\npm to the Win path have worked for me.

Source : https://github.com/angular/angular-cli/issues/1183 , the first comment.

Answer 12

First of all, check if your npm and node installed properly
with commands npm version and node -v .

If they are proper:

1. Find the root global Directory of NPM npm root -g (it will give you root of your global npm store)

2. Uninstall old angular cli with npm uninstall -g angular-cli and npm cache clean

3. Reinstall new Version of angular npm install -g @angular/cli@latest

4. make an Alias of Name ng:

alias ng="C:/ProgramData/npm/node_modules/@angular/cli/bin/ng"

alias ng="<ath-to-your-global-node-modules>/<angular cli path till ng>"
(from answered Oct 20 '16 at 15:30 @m.zemlyanoi )

then to check you can type ng -v

Answer 13

For Mac users:

1) Install @angular/cli globally

$ sudo npm install -g @angular/cli
/usr/local/Cellar/node/10.0.0/bin/ng -> /usr/local/Cellar/node/10.0.0/lib/node_modules/@angular/cli/bin/ng

2) Create alias for ng

alias ng="/usr/local/Cellar/node/10.0.0/lib/node_modules/@angular/cli/bin/ng"

Done

Answer 14

try this :

alias ng="~/node_modules/@angular/cli/bin/ng"

Answer 15

Same problem here running Windows 10 x64 / NodeJS 6.9.1 / npm 3.10.9 .
After installation of Angular CLI via npm:

'ng' command cannot be found

Do the following:

1. Uninstalled npm with npm uninstall -g npm
2. Uninstalled NodeJS via control panel / programs and features
3. Downloaded and ran 'old' NodeJS installer release 6.5.0 from https://nodejs.org/download/release/v6.5.0/ ( node-v6.5.0-x64.msi ).
4. After NodeJS 6.5.0 installation completed, open powershell and npm install -g angular-cli
5. Grab quick coffee
6. After installation completed, ng worked OK.

HTH

Answer 16

Make sure angular-cli is installed before trying to create a project. Windows users can install angular-cli without giving permission to command but MAC users have to use sudo before executing the command as follow:

sudo npm install -g angular-cli

Type a password when asked and press enter to proceed.

Answer 17

For mackBook OS

sudo npm uninstall -g @angular/cli
sudo npm cache verify
sudo npm install -g @angular/cli@latest

try with ng -v if not work then set alias and try

alias ng="/usr/local/Cellar/node/10.0.0/lib/node_modules/@angular/cli/bin/ng"

Answer 18

Do you install the node js package? https://nodejs.org/en/ Regards

Answer 19

if you find this error when you are installing angular-cli, -bash: ng: command not found try this it works,

After removing Node from your system

install NVM from here https://github.com/creationix/nvm
Install Node via NVM: nvm install stable
run npm install -g angular-cli

Answer 20

根据npm ， angular-cli已重命名为@angular/cli您可以使用以下语法来安装它。

npm install -g @angular/cli

Answer 21

If you are using asdf-vm you need run adsf reshim nodejs to recreate links with global modules.

In my case this resolve my problem, I hope resolve to you all too.

Answer 22

soluton for windows operating system only....... first step:

install nodejs version: nodev 8.1.2

second step: set up environment variable like: C:\\ProgramFiles\\nodejs

Third step: install angular use this command: npm install -g @angular/cli

after installation whereever you have to create project like: ng new first-project......

Answer 23

For me (on MacOSX) I had to do:

nvm install stable
npm install -g angular-cli

This installed ng into:

/usr/local/lib/node_modules/@angular/cli/bin/ng

But npm did not put a link to ng into

/usr/local/bin/

Which was why it was not part of the %PATH and therefore available from the command line except via an absolute address.

So I used the following the create a link to ng:

sudo ln -sf /usr/local/lib/node_modules/\@angular/cli/bin/ng /usr/local/bin/ng

Answer 24

running

export PATH=$PATH:/c/Users/myusername/AppData/Roaming/npm 

helped.

Make sure your actual username is in the myusername section

Answer 25

在 Windows 上修复 NodeJS 安装为我解决了这个问题。

Answer 26

I came here because I had the same issue on windows. The thing that baffled me most on this was I have had Node installed since Angular 4 dabbling here and there. And sure enough. That was my problem. I needed to upgrade node.

Just installing the newest version worked fine for me without having to do any of the above steps post the new install

Answer 27

If you are working in windows 7 and you can not run command start with ng

please, update the angular/CLI at once and try to use ng commands

use below comman to update latest CLI

npm install -g @angular/cli@latest

Answer 28

This works to update your angular/cli //*Global package (cmd as administrator)

npm uninstall -g @angular/cli
npm cache verify
npm install -g @angular/cli@latest

Answer 29

Firstly install '@angular/cli' by using npm as global module

sudo npm install -g @angular/cli

After that try to ping the cli by using 'ng' command from the terminal window.If any problem like

Command 'ng' not found

Then you need to manually setup the

ng

command availability.You set this step by running the following command.

ln -s path-to-your-ng-command /bin

eg:

sudo ln -s /opt/node/lib/node_modules/@angular/cli/bin/ng /bin/

Answer 30

In my case, it was happening when I restarted working on an adjacent tab. It was the npm which was not set. Please check the version of npm wither using

npm -v

or if you are having nvm then

nvm list

or

nvm current

I set it to 8.9.1 and then it started working again. I hope it helps.

Answer 31

Installed angular-cli globally using ( npm install -g angular-cli ) but when I'm trying to create project using ng new my-project it is throwing error:

ng: command not found

Answer 32

Installed angular-cli globally using ( npm install -g angular-cli ) but when I'm trying to create project using ng new my-project it is throwing error:

ng: command not found

Answer 33

Installed angular-cli globally using ( npm install -g angular-cli ) but when I'm trying to create project using ng new my-project it is throwing error:

ng: command not found

Answer 34

如果已安装zsh，则也应在主目录的.zshrc文件中添加别名。

Answer 35

Maximum time, this is a path issue conflict between npm and angular cli.

The solution that worked for me ->

1. %USERPROFILE%\\AppData\\Roaming Paste this in File Explorer and delete npm folder.
2. npm install -g @angular/cli@latest run this command to reinstall latest angular cli.
3. npm link @angular/cli now this command can solve your path issue

Literally that three steps will fix your issue, otherwise you need to update environment variable by search and open Edit the system environment variables

Ariful Ahsan https://arifulahsan.com

Answer 36

If you use enterprise computer and unable to access system environments

use RapidEE to edit user variables then add to path these

%AppData%\npm

or

%USERPROFILE%\AppData\Roaming\npm

it worked for me on windows

Answer 37

Most likely the problem is that you are using PowerShell and not the command line. If you use Windows PowerShell run:

cmd

then next try:

ng --version

if it works run:

ng new my-project

Answer 38

I was facing same issue, I was using git bash terminal, I installed angular cli using this command

npm install -g @angular/cli

but when I try to create new app it was giving me error ng: command not found, I just restarted my pc and it worked, even closing and opening terminal again will also fix issue sometimes

Answer 39

Permanently solution here for MACOS Users:

open terminal:

sudo vim /etc/Paths

add new line. (INSERT , press fn+i)

/Users/[your-user]/.npm-global/bin

press ESC , and then :wq (exit from editor)

restart terminal (close and open terminal again..) check the path;

~ % echo $PATH

it should be listed in path list now.. like below;

/opt/homebrew/bin:/opt/homebrew/sbin:/usr/local/bin:/usr/bin:/bin:/usr/sbin:/sbin:/Users/[myuser]/.npm-global/bin ....

good job, ng command now,

ng version

Angular CLI: 14.1.0

Answer 40

After trying everything here, what solved my issue was:

1. Making sure I have the latest node.js version (re-install from here: https://nodejs.org/en/download/ )
2. Running the commands from the powershell

Answer 41

for me, on Linux:

you can open the.bashrc file from Home then, you will notice the following command right there:

# Load Angular CLI autocompletion.
source <(ng completion script)

comment out the "source" command that you see above by # sign then, save the file.

# source <(ng completion script)

reopen the terminal then, you could use it now.

you can now use the following command instead of ng:

open the working directory where the Angular project is there then, try this command instead:

$ npm start

you can open the package.json file and move to the line where the "scripts" key is, move to "start" key then, you will notice the ng serve that you were like to type then, you can add host and port from your choice like so:

"start": "ng serve --host 0.0.0.0 --port 4200"