加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 服务器 > 安全 > 正文

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

发布时间:2020-12-17 17:08:23 所属栏目:安全 来源:网络整理
导读:我一直在尝试使用Angular2的CLI工具使用此命令生成新组件: ng generate component test 执行后,会生成新的组件文件,但引用不会添加到app.module.ts文件中: No app module found. Please add your new class to your component. 我试图找到解决方案来解决这
我一直在尝试使用Angular2的CLI工具使用此命令生成新组件:

ng generate component test

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

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

enter image description here

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

我认为它可能与我的angular-cli.json文件有关,但似乎没问题:

enter image description here

有任何想法吗?

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

enter image description here

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({

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读