ng generate component in subdirectory

angular-cli angular5 ng-generate
Alexander Mills picture Alexander Mills · Jan 4, 2018 · Viewed 39.3k times · Source

I have the following directory structure

enter image description here

I would like to create a new page, let's say, an About page. I want to put it in src/app/page/about/*

So I try:

ng generate component pages/about

but I get this error:

Error: More than one module matches. Use skip-import option to skip importing the component into the closest module.
More than one module matches. Use skip-import option to skip importing the component into the closest module.

Is it a good idea to use pages to store my separate pages? How can I generate components in a subdirectory using the angular-cli?

Answer

Brocco picture Brocco · Jan 5, 2018

Because there are 2 modules (app.module.ts, shared.module.ts) found the CLI does not know which module to declare your component in. To get around this you have to tell the CLI which module you wish to declare your component in with the module option

ng generate component pages/about --module=app.module
// or
ng generate component pages/about --module=shared.module

Related questions

Angular CLI Error: The serve command requires to be run in an Angular project, but a project definition could not be found

When running the terminal commands ng server or ng serve --live-reload=true, I'm getting this issue: The serve command requires to be run in an Angular project, but a project definition could not be found.

Read More
Load new modules dynamically in run-time with Angular CLI & Angular 5

Currently I'm working on a project which is being hosted on a clients server. For new 'modules' there is no intention to recompile the entire application. That said, the client wants to update the router/lazy loaded modules in runtime. …

Read More
Missing *.ts files (due to `npm link` ?)

I have this import statement in an Angular5 project: import {plugins, SCECodeGenType} from 'sce-plugins/code-generation'; this resolves to this path on my filesystem: /Users/.../suman-chrome-extension/node_modules/sce-plugins/code-generation/index.d.ts When building the app with ng build -w, …

Read More