无法在 Visual Studio Code 中创建角度组件答案

【问题标题】：Cannot create angular component in Visual Studio Code无法在 Visual Studio Code 中创建角度组件
【发布时间】：2017-09-17 17:36:01
【问题描述】：

我正在尝试在 Visual Studio 代码中创建一个角度组件。默认情况下，我的 Angular 组件在 ClientApp 中。我在 ClientApp 中有一些默认组件。当我尝试在 ClientApp 的组件文件夹中添加新的角度组件时，出现错误。

当我输入“ng g component vehicle-form”时出现错误。它说“路径无效：“vehicle-form”不能位于“ClientApp\app”目录之上。”但是，我的 Angular 组件位于 Client App 的 app 文件夹中的 app 文件夹中。

PS C:\Users\Sushi\vega> cd ClientApp
PS C:\Users\Sushi\vega\ClientApp> cd 应用程序
PS C:\Users\Sushi\vega\ClientApp\app> cd 组件
PS C:\Users\Sushi\vega\ClientApp\app\components> ng g 组件车形
路径无效：“vehicle-form”不能位于“ClientApp\app”之上目录

我的 .angular-cli.json 配置如下。

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

【问题讨论】：

标签： c# angular asp.net-core visual-studio-code asp.net-core-2.0

【解决方案1】：

如果您想从 Angular cli 创建组件，则只需运行命令

  ng g component vehicle-form

从你的根目录，即

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

【讨论】：

试过了。仍然得到同样的错误。 PS C:\Users\Sushi\vega\ClientApp> ng g component vehicle-form 路径无效：“vehicle-form”不能在“ClientApp\app”目录之上
路径无效：“app/vehicle-form”不能位于“ClientApp\app”目录之上。当我从 ClientApp 文件夹中创建时，它是如何在“ClientApp\app”目录之上的。
什么是你的根目录 ClientApp 或 vega，我最近仔细看了一下，我认为你的根目录是 vega 那么你必须从 vega 运行角度命令
当我尝试从 Vega 创建一个模块时，这是显示的错误。错误：找不到新组件的 NgModule。使用 skip-import 选项跳过在 NgModule 中导入组件。
项目名称是 Vega，我的 Angular 组件的根是 ClientApp，所有其他 Angular 组件都位于此处。

【解决方案2】：

尝试改变

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

然后 ng g c 车辆形式

【讨论】：