Question

某个组件无法在heroku上的已部署版本中呈现，但在本地它可以正常工作。没有错误，没有 - 它只是没有被渲染。

所以我在顶部有一个导航栏的模板，如下所示：（请注意，我使用的是Angular Meteor 2.0，因此可以使用一些特殊的角度编译器来导入模板。这很有效。）

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

它位于app.module.ts decarations中：

...
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>

此选择器<about-navigation></about-navigation>在没有内容的情况下呈现，但在Heroku上部署后。其他一切都很完美。控制台中没有一个错误或警告。我不知道它会是什么......

Answer 1

似乎这个问题与RC5（Angular Meteor目前支持的版本）有关，如https://github.com/angular/angular/issues/10618所示。在我认为的新版本中，这不应该是一个问题。

另外，我必须添加

@Component({
  moduleId: module.id,

Angular 2组件未在部署版本

1 个答案: