angular - 我无法在 asp.net core spa 中添加带有 Angular cli 的新组件

Question

我想在 asp.net core 2.0 SPA 中添加一个新组件，angular 4 和 angular cli 这个版本:

@angular/cli: 1.4.2

node: 8.4.0

os: Linux x64

当我在组件目录上运行此命令 ng g c vehicle-form 时出现此错误:

Error: Could not find an NgModule for the new component. Use the skip-import option to skip importing components in NgModule. Could not find an NgModule for the new component. Use the skip-import option to skip importing components in NgModule.

app.module.shared.ts

此外，我有 3 个文件用于 app.module.ts 不是一个 :\:

app.module.browser.ts

app.module.shared.ts

app.module.server.ts

Answer 1

您在构建时并未考虑使用 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)

Microsoft 提供了一些用于 ASP.NET Core 2.0 应用程序的新 SPA 模板。您可以找到有关它们的更多详细信息 here .新Angular template包括对 Angular CLI 的支持.所以，如果您熟悉 CLI，那么这里应该更像家一样。这意味着您可以访问 ng g使用此新模板生成代码的命令。