Angular2 CLI Angular-Meteor component creation
<p>I was playng with Angular2 CLI and Meteor.
I've noticed that when I generate a component with Angular2 CLI, if I want to include it inside another module I have only to include it and insert it inside the declarations array of that module.
<a href="https://i.stack.imgur.com/uuxX4.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/uuxX4.png" alt="enter image description here"></a></p>

<p>menu.component.ts</p>

<pre><code>import { Component, OnInit } from '@angular/core';

import { MenuItem } from './menu-item';                                         
import { MENUITEMS } from './mocks';

@Component({
  selector: 'menu',                                                                                 
  templateUrl: './menu.component.html',                                         
  styleUrls: ['./menu.component.css']
})

export class MenuComponent implements OnInit {

  menuItems: MenuItem[];                                                                        

  constructor() { }                                                                                 

  ngOnInit() {
    this.menuItems= MENUITEMS;                                                          
  }                                                                                                                 

}
</code></pre>

<p>app.module.ts</p>

<pre><code>import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { FormsModule } from '@angular/forms';
import { HttpModule } from '@angular/http';
import { RouterModule } from '@angular/router';

import { AppComponent } from './app.component';
import { MenuComponent } from './menu/menu.component';
import { HomeComponent } from './home/home.component';
import { TrendsComponent } from './trends/trends.component';
import { ControllerComponent } from './controller/controller.component';
import { WaterPlantComponent } from './water-plant/water-plant.component';
import { DocsComponent } from './docs/docs.component';

@NgModule({
  declarations: [
    AppComponent,
    MenuComponent,
    HomeComponent,
    TrendsComponent,
    ControllerComponent,
    WaterPlantComponent,
    DocsComponent
  ],
  imports: [
    BrowserModule,
    FormsModule,
    HttpModule,
    RouterModule.forRoot([
      { path: 'home', redirectTo: '', pathMatch: 'full' },
      { path: '', component: HomeComponent },
      { path: 'trends', component: TrendsComponent },
      { path: 'controller', component: ControllerComponent },
      { path: 'waterplant', component: WaterPlantComponent },
      { path: 'docs', component: DocsComponent }
    ])
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }
</code></pre>

<p>With Meteor, it only works after I add an index.ts into the menu.component folder:</p>

<p>index.ts</p>

<pre><code>import { MenuComponent } from './menu.component';

export * from './menu.component';
</code></pre>

<p>app.module.ts</p>

<pre><code>import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { RouterModule } from '@angular/router';

import { AppComponent } from './app.component';
import { PARTIES_DECLARATIONS } from './parties';
import { MenuComponent } from './menu/menu.component';

@NgModule({
  imports: [
    BrowserModule
  ],
  declarations: [
    AppComponent,
    ...PARTIES_DECLARATIONS,
    MenuComponent
  ],
  bootstrap: [
    AppComponent
  ]
})
export class AppModule {}
</code></pre>

<p>Could the reason be the "module" of the compiler (inside the tsconfig.json), which is ES6 for CLI and jscommon for Meteor?</p>

<p>Thank you for your help!</p>