Angular 2组件未在已部署版本上呈现

Question

不知何故，一个组件无法在heroku上的部署版本中呈现，但在本地它工作得很好。没有错误，什么都没有--它只是不会被渲染。

所以我在顶部得到了一个导航栏的模板，它看起来像这样：(请不要因为我使用的是Angular Meteor 2.0，所以通过一些特殊的angular编译器导入这个模板是很好的。它是有效的。)

import { Component } from "@angular/core";
import template from "./about-navigation.html";
@Component({
  selector: "about-navigation",
  template,
})
export class AboutNavigation {
}

它在app.module.ts删除中：

...
import { AboutNavigation } from "./templates/about-navigation/about-navigation";
@NgModule({
  ...
  declarations: [ AppComponent,
                  About,
                  AboutNavigation,
                ],
  bootstrap:    [ AppComponent ]
})
export class AppModule { } 

下面是我的实际组件：

@Component({
  selector: "about",
  template,
})
export class About {
  constructor(private router: Router) {
    });
  }
}

及其模板：

<about-navigation></about-navigation>
<div class="container about-content page-transition" [@elementState]="pageTransition" >
    <router-outlet></router-outlet>
</div>

但是在Heroku上部署之后，这个选择器<about-navigation></about-navigation>没有呈现内容。其他一切都运行得很好。控制台中没有一个错误或警告。我不知道会是什么.

Answer 1

问题似乎出在RC5 (这是Angular Meteor当前支持的版本)上，就像这里https://github.com/angular/angular/issues/10618所看到的那样。我认为在较新的版本中这应该不是问题。

此外，我还必须添加

@Component({
  moduleId: module.id,