再补充一点信息给像我这样只有一个程序的人。

我用主app.module.ts设置了我的应用程序，我用路由模块在主应用程序下的自己的文件夹中进行路由。我浏览了一下，做了一些“清理”，因为我还有一些其他的东西需要更好地组织。我做的一件事是将routing.module.ts移动到根文件夹;因为它是文件夹中唯一的文件，我认为它不需要它自己的文件夹。

这一开始工作得很好，但下一次我试图生成一个新组件时(一段时间后，通过WebStorm IDE)，它失败了。读完这篇文章后，我试着把路由模块放回一个单独的文件夹，它又工作了。

所以要提醒其他人，不要将路由模块移动到根文件夹中!我确信还有其他方法来处理这个问题，但我很高兴它现在在它自己的文件夹中，并使用IDE生成器，就像我以前一样。

有两种方法可以解决这个问题。

1)跳过(在命令中使用——Skip -import)默认导入并创建组件，一旦组件创建完成，就可以手动将它导入到任何你想使用它的地方。

ng generate component my-component --skip-import

2)在你想导入模块的地方显式地提供模块名

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

对我来说，这个命令工作:

ng g c new-component --module app

我的项目是使用Visual Studio Community 2017创建的，它创建了3个独立的模块:app.browser。Module, app.server.module和app.shared.module

为了创建我的组件，我检查了上面的答案，发现我的模块是app.share .module。

所以，我跑:

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

当app文件夹下有多个模块时，使用以下命令生成组件将失败:

ng generate component New-Component-Name

原因是angular CLI检测到多个模块，不知道该在哪个模块中添加组件。因此，您需要显式地提到将添加哪个模块组件:

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

当app或lib有多个嵌套模块时

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

角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

结果

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