Cannot create angular component in Visual Studio Code

Question

I am trying to create an angular component in visual studio code. By default, my angular components are in ClientApp. I have some default components in ClientApp. When I tried to add a new angular component in the components folder in ClientApp I get an error.

When I enter "ng g component vehicle-form" I have an error. It says " Invalid path: "vehicle-form" cannot be above the "ClientApp\app" directory." However, my angular components are in the app folder located within the app folder of Client App.

PS C:\Users\Sushi\vega> cd ClientApp
PS C:\Users\Sushi\vega\ClientApp> cd app
PS C:\Users\Sushi\vega\ClientApp\app> cd components
PS C:\Users\Sushi\vega\ClientApp\app\components> ng g component vehicle-form
Invalid path: "vehicle-form" cannot be above the "ClientApp\app" directory

My .angular-cli.json configuration is as listed below.

"apps": [
        {
          "root": "ClientApp",
          "outDir": "dist",
          "assets": [
            "assets",
            "favicon.ico"

Prabhu Tiwari · Accepted Answer · 2017-09-17 17:57:20Z

1

If you want to create a component from angular cli then just run the command

  ng g component vehicle-form

From your root directory i.e

 PS C:\Users\Sushi\vega\ClientApp> ng g component vehicle-form

answered Sep 17, 2017 at 17:57

Prabhu Tiwari

1191 silver badge7 bronze badges

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

8 Comments

Sushi Over a year ago

Tried it. still getting the same error. PS C:\Users\Sushi\vega\ClientApp> ng g component vehicle-form Invalid path: "vehicle-form" cannot be above the "ClientApp\app" directory

Sushi Over a year ago

Invalid path: "app/vehicle-form" cannot be above the "ClientApp\app" directory. How is it above the "ClientApp\app" directory when I creating from within the ClientApp folder.

Prabhu Tiwari Over a year ago

Whats your root directory ClientApp or vega, I recently taken a closer look and I think your root directory is vega then you must run angular commands from vega

Sushi Over a year ago

When I try to create a module from Vega, this is the error that is shown. Error: Could not find an NgModule for the new component. Use the skip-import option to skip importing components in NgModule.

Sushi Over a year ago

Name of the project is Vega and the root of my angular component is ClientApp, there is where all the other angular components are located.

|

Mohamed Hassan · Accepted Answer · 2018-11-02 15:37:04Z

0

try to change

 "apps": [
        {
          "root": "src",
          "outDir": "dist",
          "assets": [
            "assets",
            "favicon.ico"

then ng g c vehicle-form

answered Nov 2, 2018 at 15:37

Mohamed Hassan

12 bronze badges

Collectives™ on Stack Overflow

Cannot create angular component in Visual Studio Code

2 Answers 2

8 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

8 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related