Question

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

我有使用ng cli迁移生成的这个app模块，我试图在其中添加一个来自库（我的）的组件这是我的代码，希望你能看到我的内容丢失：

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

LandingComponent

@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个
未捕获意外的价值＆＃39; LandingComponent＆＃39;由模块＆＃39; AppModule＆＃39;

声明

Answer 1

删除＆＃34; LandingComponent＆＃34;来自＆＃34;声明＆＃34;部分并转移到＆＃34;进口＆＃34;部分。

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

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

意外的价值＆＃39;组件＆＃39;由模块宣布的AppModule＆＃39;

1 个答案: