模块 'AppModule' 声明的意外值 'Component'

Question

基本上我正在尝试将我的应用程序迁移到新的 angular2 webpack rc5 配置。

我用 ng cli 迁移生成了这个应用程序模块，我正试图将一个来自库（我的）的组件放入其中，这是我的代码，希望你能看到我遗漏了什么：

app.module.ts

import { LandingComponent } from 'mylib'
import { AppComponent } from './app.component';

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

登陆组件

@Component({   
 selector: 'landing',   
 template: `sometemp `,   
 styles: [sometyles],   
 directives : [somedirs] 
})
 export class LandingComponent {   
  @Input() items;   
  @Input() widgets;   
  @Output()
  onMenuToggle = new EventEmitter();   
  toggledMenu: boolean = false;

   constructor() {}

   toggleMenu(){
     this.toggledMenu = !this.toggledMenu;
     this.onMenuToggle.emit({ toggled : this.toggledMenu }) ;   
   }

   onStateChange($event){
    console.log($event);    
    this.toggledMenu = $event.expanded;
   } 
 }

错误是：
metadata_resolver.js:298
模块 'AppModule'

声明的未捕获意外值 'LandingComponent'

Answer 1

从 "declarations" 部分删除 "LandingComponent" 并移至 "imports" 部分。

import { LandingComponent } from 'mylib'
import { AppComponent } from './app.component';

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

模块 'AppModule' 声明的意外值 'Component'

Unexpected value 'Component' declared by the module 'AppModule'

javascript

webpack

angular