Angular 2 CLI“ng generate component”命令找不到app.module

2019年7月28日 313次阅读

我一直在尝试使用Angular2的CLI工具使用此命令生成新组件：

ng generate component test

执行后,会生成新的组件文件,但引用不会添加到app.module.ts文件中：

No app module found. Please add your new class to your component.

《Angular 2 CLI“ng generate component”命令找不到app.module》

我试图找到解决方案来解决这个问题所以我不必总是导入新组件并手动将其添加到声明中,但我在网上找不到任何关于此问题的信息.

我认为它可能与我的angular-cli.json文件有关,但似乎没问题：《Angular 2 CLI“ng generate component”命令找不到app.module》

有任何想法吗？

更新：
这是我的项目文件夹结构,简单.我删除了不相关的文件夹：

《Angular 2 CLI“ng generate component”命令找不到app.module》

app.module.ts中的代码如下：

import { NgModule }         from '@angular/core';
import { BrowserModule }    from '@angular/platform-browser';
import { HttpModule }       from '@angular/http';
import { AppComponent }     from './app.component';
import { SearchComponent }  from './search/search.component';

@
NgModule({
    declarations: [
        AppComponent,
        SearchComponent
    ],
    imports: [
        BrowserModule,
        HttpModule
    ],
    providers: [
    ],
    bootstrap: [
        AppComponent
    ]
})
export class AppModule { }

最佳答案 angular-cli无法找到app模块的问题是“@”符号和“NgModule”名称不在同一行.这不会导致代码在执行时失败,但会阻止CLI检测模块：

@
NgModule({

如果你在同一行上写两个,cli就能成功找到模块：

@NgModule({
点赞