问我无法在asp.net核心spas中添加带有angular cli的新组件

EN

您在一个没有考虑到CLI的项目中使用Angular CLI，因此您必须采取一些额外的步骤。错误消息告诉您要执行的操作。

首先，运行ng g c vehicle-form命令并包含--skip-import=true选项。

然后，手动将组件声明添加到适当的应用程序模块文件中。在本例中，是app.module.shared.ts，其中声明了所有其他应用程序组件。

或者，您可以运行ng g c vehicle-form并包含--module='app.module.shared.ts'。您可能需要用下面的代码完全限定模块文件的路径。我还没有测试过它，所以准备好自己尝试一些东西吧。

有关ng生成组件的更多信息：generate component。

更新 (2018-03-01)

微软提供了一些新的SPA模板，用于ASP.NET Core2.0应用程序。你可以在here上找到更多关于它们的详细信息。新的Angular template包括对Angular CLI的支持。因此，如果您熟悉CLI，那么这里应该会更有家的感觉。这意味着您可以使用ng g命令来使用这个新模板生成代码。

在我的例子中，问题出在e2e项目中。在我将项目从angular 4移动到angular 6之后，添加了一个新的angular配置文件"angular.json“而不是"angular.conf.json”。在一个项目部分出现了两个项目:其中一个是我的"ng-app“，另一个是"ng-app-e2e”。当我尝试执行"ng g c“命令时，我发现了同样的错误。原因在"ng-app-e2e“的根部分。它的值为空。我将其设置为"e2e“。现在一切都好了！尽管在"ng-app“中设置了默认项目，但还是会发生这种情况。

"projects": {
    "ng-app": {
      "root": "",
      "sourceRoot": "src",
      "projectType": "application",
      "prefix": "app",
      ...
    },
    "ng-app-e2e": {
      "root": "e2e", <-- SALVATION
      "sourceRoot": "e2e",
      "projectType": "application",
      ...
    }
  },
  "defaultProject": "ng-app"  

在ASP Angular项目的情况下，app.module被分成3个文件，正如您突出显示的那样。angular CLI必须决定在模块中的何处添加对组件的引用，因此您需要为其提供一些帮助。

ng g c moduleName --module='app.module.browser.ts‘