Angular cli - ng command open the ng file

Question

I have an Angular project and if I want to start the project with 'ng serve' it is opening the ng file from

C:\Users{user}\AppData\Roaming\npm\node_modules\@angular\cli\bin

Also, I can start the project with 'npm start'.

which version you are using? for angular 2+ ng new YourProjectName to create a project and ng serve to run. — prady
– prady, Commented Jun 22, 2018 at 11:25
if you are able to run others commands such as ng new app, ng serve -o should work as well, what version of angular cli are you using ? — user6437920
– user6437920, Commented Jun 22, 2018 at 11:27
doesn't work any command with ng. The project is from github and I can only run with npm start. — Filip Laurentiu
– Filip Laurentiu, Commented Jun 22, 2018 at 11:44
'npm' work. 'ng' just open the ng file from that path. It not execute anything — Filip Laurentiu
– Filip Laurentiu, Commented Jun 22, 2018 at 12:26

Sahithi Y · Accepted Answer · 2020-03-02 06:54:49Z

28

Remove path "C:\Users{user}\AppData\Roaming\npm\node_modules@angular\cli\bin" from Environment variable - path. It worked for me.

answered Mar 2, 2020 at 6:54

Sahithi Y

2883 silver badges6 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

zameb Over a year ago

When the path is removed NG is not recognized, when the path is added, it tries to open NG.JS file in angular-cli binaries path

infinitesimal Over a year ago

Finally I can run ng command, your solution work for me.

Filip Laurentiu · Accepted Answer · 2018-06-28 08:24:20Z

10

The problem was that I use ng in powershell. In cmd work..

answered Jun 28, 2018 at 8:24

Filip Laurentiu

9373 gold badges9 silver badges31 bronze badges

4 Comments

C4d Over a year ago

o...m...g. This has taken 1 hour for me. Thanks for this comment. Why the hell isnt it working inside the powershell?

fa__ Over a year ago

Similar problem here... I am unable to make it work in Visual Studio Code but it works fine in a gitbash terminal

Sobansky Over a year ago

Also works for me. This is the right solution in my case.

JimmyTheCode Over a year ago

Why would this be the case?

Junky 4me · Accepted Answer · 2023-02-25 14:23:32Z

6

I had a similar problem where typing ng in terminal open ng.js in vscode so my fix to it in Environment Variable remove any angular path in system variable and in user variable add this path C:\Users\Here\AppData\Roaming\npm don't forget to add your system name in the (Here)

edited Feb 25, 2023 at 14:23

answered Feb 25, 2023 at 14:20

Junky 4me

811 silver badge3 bronze badges

2 Comments

JimmyTheCode Over a year ago

When I open 'Edit the System Environment Variables' (<Windows key>, type 'environment'), I have details for two kinds of Environment Variables. The top one is User Variables, and the bottom is System Variables. I've clicked Edit on the item called 'Path' in my User Variables and added the file path, as per your solution. I never had anything similar in my System Variables. It still doesn't work for me. Is this as you described?

Junky 4me Over a year ago

C:\Users\Zero\AppData\Roaming\npm did you change Zero with your Pc name hope you resolve your issue

Tyler2P · Accepted Answer · 2023-11-16 11:56:03Z

2

You have configured wrong environment variable path.

Path should be: C:\Users\{UserName}\AppData\Roaming\npm

NOTE: Verify ng.cmd file should be there in C:\Users\{UserName}\AppData\Roaming\npm. If not please reinstall anglular cli.

edited Nov 16, 2023 at 11:56

Tyler2P

2,37030 gold badges26 silver badges34 bronze badges

answered Nov 10, 2023 at 3:16

mahipal

362 bronze badges

Comments

Nadendla · Accepted Answer · 2023-04-03 06:13:48Z

1

Here the quick way to solve the problem.You can add script command to package.json as below

"scripts": {
     ....
    "create":"ng g c components/auth-extensions"
  }

and run the command

npm run create

Once your job is done, you can delete the command from package.json.

This avoids installing global package, environment variable, path etc..

answered Apr 3, 2023 at 6:13

Nadendla

7222 gold badges7 silver badges18 bronze badges

Comments

Andreea · Accepted Answer · 2023-04-08 19:34:57Z

1

Make sure you have angular cli installed globally. This worked for me:

npm install -g @angular/cli

answered Apr 8, 2023 at 19:34

Andreea

491 bronze badge

Comments

mahesh Alakunta · Accepted Answer · 2023-06-01 06:01:33Z

0

In my case, i was encountered an error related to 'ng serve' it is opening the ng file. To resolve this issue, you need to upgrade to a newer version of Node.js

answered Jun 1, 2023 at 6:01

mahesh Alakunta

12 bronze badges

Comments

Loich · Accepted Answer · 2023-10-19 04:54:12Z

0

Make sure to add %USERPROFILE%\AppData\Roaming\npm to the user variables in environment variable.
Then, close all your command window and then try again.

edited Oct 19, 2023 at 4:54

Loich

94811 silver badges21 bronze badges

answered Oct 12, 2023 at 7:49

Vineet

312 bronze badges

Comments

Gopala Raja Naika · Accepted Answer · 2025-01-29 14:29:12Z

0

In my case, ExecutionPolicy was added in my Windows machine, so I reverted by using the below command in PowerShell

Set-ExecutionPolicy -Scope CurrentUser -ExecutionPolicy Undefined

check ExecutionPolicy through Get-ExecutionPolicy -List

answered Jan 29 at 14:29

Gopala Raja Naika

2,72928 silver badges18 bronze badges

Collectives™ on Stack Overflow

Angular cli - ng command open the ng file

9 Answers 9

2 Comments

4 Comments

2 Comments

Comments

Comments

Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

9 Answers 9

2 Comments

4 Comments

2 Comments

Comments

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related