我是新来的,所以请原谅我的愚蠢.
Details
- 我已经安装了Angular CLI的最新版本
- 默认情况下,应用程序运行良好
Issue
- 我决定创建一个新模块,并将其导入应用程序模块
- 这是我在Angular 2中做过几次的,效果非常好
- 但是,由于我今天早上运行了Angular CLI的最新版本,导入模块会中断,我收到以下错误:
编译器.es5.js:1689未捕获错误:模块"ProjectsModule"导入了意外的指令"ProjectsListComponent".请添加@NgModule注释.
App Module
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { AppComponent } from './app.component';
import { AngularFireModule } from 'angularfire2';
import { AngularFireDatabaseModule } from 'angularfire2/database';
import { AngularFireAuthModule } from 'angularfire2/auth';
import { environment } from '../environments/environment';
import { ProjectsModule } from './projects/projects.module';
import { HttpModule } from '@angular/http';
@NgModule({
imports: [
BrowserModule,
HttpModule,
ProjectsModule,
AngularFireModule.initializeApp(environment.firebase, 'AngularFireTestOne'), // imports firebase/app needed for everything
AngularFireDatabaseModule, // imports firebase/database, only needed for database features
AngularFireAuthModule // imports firebase/auth, only needed for auth features
],
declarations: [AppComponent],
bootstrap: [AppComponent]
})
export class AppModule { }
Projects Module
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { ProjectsListComponent } from './projects-list.component';
import { RouterModule } from '@angular/router';
@NgModule({
declarations: [
ProjectsListComponent
],
imports: [
BrowserModule,
ProjectsListComponent,
RouterModule.forChild([
{ path: 'projects', component: ProjectsListComponent }
])
]
})
export class ProjectsModule { }
我设置模块的过程与我使用Angular 2时没有任何不同.然而,在Angular Cli、firebase和Angular fire之间的兼容性出现问题后,我决定今天上午获取最新信息.
我对这件事的理解遇到了困难,因此我非常感谢大家对这件事的任何帮助.
非常感谢.