Error more than 1 module selected

asked Sep 12, 2017 at 11:08

for me this command working:

ng g c new-component --module app

answered Mar 23, 2021 at 19:34

There are two ways to solve this issue.

1) Skip (using —skip-import in command) default import and create component and once component is created import it manually wherever you want to use it.

ng generate component my-component --skip-import

2) Provide module name explicitly where you want it to be imported

ng generate  component  my-component --module=my-module.module

answered Nov 14, 2019 at 10:59

When app or lib have multiple nested modules

myApp
  > src
    > app
      app.module.ts
      > routes
        > login
          > auth
          login.module.ts

Angular CLI

ng g component routes/login/auth/my-auth --module=routes/login/login.module.ts 

NRWL NX Angular CLI

ng g component routes/login/auth/my-auth --project=myApp --module=routes/login/login.module.ts

Result

myApp
  > src
    > app
      app.module.ts
      > routes
        > login
          > auth
            > my-auth
              my-auth.component.ts etc...
          login.module.ts

answered Mar 21, 2019 at 19:56

I was getting below error when trying to create a new component under a folder.

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

I have used below command and new component got created successfully under a folder.

 ng g c folderName/my_newComponent ---module ../app

My project was created using Visual Studio Community 2017 and it creates 3 separated modules: app.browser.module, app.server.module and app.shared.module

In order to create my components I checked above answers and found my module to be app.shared.module.

So, I run:

ng g c componentName --module=app.shared.module

answered Apr 4, 2018 at 19:36

When there is more than one module under app folder, generating a component with below command will fail:

ng generate component New-Component-Name

The reason is angular CLI detects multiple module, and does’t know in which module to add the component. So, you need to explicitly mention which module component will be added:

ng generate component New-Component-Name --module=ModuleName

answered Jul 24, 2018 at 6:11

You have to give the specify module name like

ng g c your-component --module module-name

Where module-name should be that you want to update with newly created component.

answered Jun 17, 2020 at 10:19

Angular CLI: 8.3.1

when you have multiple module.ts files inside a module, you need to specify for which module file you are generating component.

ng g c modulefolder/componentname --module=modulename.module

for e.g. i have shared module folder inside which i have shared.module.ts and material.module.ts like this

shared
  > shared.module.ts
  > material.module.ts

and i want to generate sidebar component for shared.module.ts
then i will run following command

ng g c shared/sidebar --module=shared.module

if you want to export the component then run following command

ng g c shared/sidebar --module=shared.module --export

answered Sep 6, 2019 at 13:30

you have to mention only the module starting name before the .module extension

for example if your module name is user-account.module.ts
then in the command provide like

ng g c newComponent --module=user-account

answered Jul 7, 2022 at 7:00

Angular CLI: 8.3.4
Node : 10.16.3
Angualr : 4.2.5

I used «dotnet new angular» command to generate the project, and it has generated 3 different modules in app folder (Although a simple test with ng new project-name just generates a single module.

see the modules in your project and decide wich module you want — then specify the name

ng g c componentName --module=[name-of-your-module]

You can read more about modules here:
https://angular.io/guide/architecture-modules

answered Sep 13, 2019 at 13:05

if you are creating in specific module go to that path and run
ng g c componentname

else create module first
ng g module modulename

cd arc/app/modulename
go to modulename path and create the component

answered Dec 16, 2019 at 13:08

Just to add another piece of info to this for anyone like me who happens along that just has a single application.

I had my application set up with the main app.module.ts and I had routing with the routing module in it’s own folder under the main application. I went through and did some ‘cleaning up’ since I had a few other things that needed to be organized better. One thing I did was move the routing.module.ts to the root folder; since it was the only file in the folder I figured it didn’t need it’s own folder.

This worked fine at first but next time I tried to generate a new component (some time later, through the WebStorm IDE) it failed with this message. After reading through this I tried putting the routing module back into a separate folder and it worked again.

So note of warning to others, don’t move the routing module into your root folder! I’m sure there are other ways to deal with this too but I’m happy with it in it’s own folder for now and using the IDE generator like I was previously.

answered Apr 10, 2020 at 15:04

try ng g component header —module app
it is work for me

when you have more than one module, you need to specify module name

 ng g c componentName --module=modulename.module 

answered Feb 28, 2019 at 12:48

I had this warning when had this in angular.json config:

"prefix": "app_ng"

When changed to "app" all worked perfectly fine.

answered Feb 14, 2020 at 2:59