首先，你必须使用以下命令创建一个新模块:

ng g module newModule

然后，你必须使用以下命令进入该目录:

cd command  
cd newModule

现在你可以继续使用下面的命令:

ng g component newComponent

这个组件会在那个模块中创建。

使用Angular CLI将一个组件添加到Angular 4应用中

要向应用中添加一个新的Angular 4组件，请使用命令ng g component componentName。执行这个命令后，Angular CLI会在src\app下添加一个文件夹component-name。同样，同样的引用也被添加到src\app\app.module中。Ts文件自动。

组件应该有一个@Component装饰器函数，后面跟着一个需要导出的类。@Component装饰器函数接受元数据。

使用Angular CLI将一个组件添加到Angular 4应用的特定文件夹中

使用命令ng g component folderName/componentName将一个新组件添加到指定的文件夹中

这对我来说很管用:

1 -->  ng g module new-module

2 -->  ng g c new-module/component-test --module=new-module/new-module.module.ts

如果你想生成一个没有目录的组件，使用——flat标志。

1.-像往常一样创建你的特性模块。

ng generate module dirlevel1/module-name

2.-你可以在——module中指定项目的根路径(只有在——module中，(/)根指向你的项目根，而不是系统根!!)

ng generate component dirlevel1/component-name --module /src/app/dirlevel1/module-name.module.ts

真实的例子:

ng generate module stripe/payment-methods-list

ng generate component stripe/payment-methods-list --module=/src/app/stripe/payment-methods-list/payment-methods-list.module.ts 

输出:

CREATE src/app/stripe/payment-methods-list/payment-methods-list.component.scss (0 bytes)
CREATE src/app/stripe/payment-methods-list/payment-methods-list.component.html (39 bytes)
CREATE src/app/stripe/payment-methods-list/payment-methods-list.component.spec.ts (768 bytes)
CREATE src/app/stripe/payment-methods-list/payment-methods-list.component.ts (322 bytes)
UPDATE src/app/stripe/payment-methods-list/payment-methods-list.module.ts (311 bytes)
[OK] Generated component!

用Angular CLI测试:9.1.4

首先运行ng g module newModule ． 然后执行ng g component newModule/newModule——flat命令

这应该可以工作:

共享/components/info-card——module=/src/app/shared/shared.module.ts

注:

Ng g c等价于Ng generate component Shared /components/info-card在我项目的src/app中 目录&这是我如何使用它来创建一个组件 在共享/components目录中输入InfoCardComponent (没有指定src/app)。 但是，要将这个新创建的组件添加到特定的模块，您需要 需要在模块的路径中包含/src/app，否则 它会说这个模块不存在。