我无法在 asp.net core spas 中添加带有角度 cli 的新组件 [英] I can't add new component with angular cli in asp.net core spas

问题描述

我想用 angular 4 和 angular cli 在 asp.net core 2.0 SPA 中添加一个新组件:p><块引用>

@angular/cli: 1.4.2

节点:8.4.0

操作系统:Linux x64

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

<块引用>

错误:找不到新组件的 NgModule.使用 skip-import 选项跳过在 NgModule 中导入组件.找不到新组件的 NgModule.使用 skip-import 选项跳过在 NgModule 中导入组件.

app.module.shared.ts

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

app.module.browser.ts

app.module.shared.ts

app.module.server.ts

解决方案

你在一个没有考虑 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 生成组件:生成组件.

更新(2018-03-01)

Microsoft 提供了一些新的 SPA 模板，用于 ASP.NET Core 2.0 应用程序.您可以在此处找到有关它们的更多详细信息.新的 Angular 模板 包括对 Angular CLI.因此，如果您熟悉 CLI，那么这应该有点像家的感觉.这意味着你可以通过 ng g 命令来使用这个新模板生成代码.

I want to add a new component in asp.net core 2.0 SPAs with angular 4 with angular cli with this version:

@angular/cli: 1.4.2

node: 8.4.0

os: Linux x64

when I running this command ng g c vehicle-form on a directory of components got this error:

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

Also, I have 3 files for app.module.ts not one : :

app.module.browser.ts

app.module.shared.ts

app.module.server.ts

解决方案

You're using the Angular CLI in a project that wasn't built with the CLI in mind, so you have to take a couple of extra steps. The error message tells you want to do.

First, run the ng g c vehicle-form command and include the --skip-import=true option.

Then, add the component declaration in the proper application module file by hand. In this case, the app.module.shared.ts, where all the other application components are declared.

Or, you can run the ng g c vehicle-form and include the --module='app.module.shared.ts'. You may have to fully qualify the path to the module file with this. I haven't tested it, so be prepared to try a few things with this on your own.

More on ng generate component: generate component.

UPDATE (2018-03-01)

Microsoft has delivered some new SPA templates for use with ASP.NET Core 2.0 applications. You can find more details about them here. The new Angular template includes support for the Angular CLI. So, if you are familiar with the CLI, then this should feel a little bit more like home. This means you can to the ng g commands to generate code with this new template.

这篇关于我无法在 asp.net core spas 中添加带有角度 cli 的新组件的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！