build --prod 删除导航栏

Question

--prod cli 标志出于某种原因从编译输出中删除了导航栏。任何想法为什么？

我的 app.component 看起来像这样：

import { Component } from '@angular/core';
import { ROUTER_DIRECTIVES } from '@angular/router';

@Component({
  selector: 'app-root',
  template: `
            <nav-bar></nav-bar>
             <router-outlet>
            </router-outlet>`,
  directives: [ROUTER_DIRECTIVES]
})

export class AppComponent {}

还有我的导航栏组件：

import { Component, OnInit } from '@angular/core';
import { GlobalEvent } from '../shared/global.event'

import { Http, Response } from '@angular/http';

@Component({
    selector: 'nav-bar',
    templateUrl: 'navbar.component.html',
    providers: [GlobalEvent],
    styleUrls: ['navbar.component.css'],
})
export class NavbarComponent implements OnInit {
   ...
}

注意：带有 --dev 标志的构建按预期工作。我希望这不是一个 cli 问题。

Answer 1

显然这是 angular-cli 的一个已知问题。参见 here。

修复将 nano node_modules/angular-cli/addon/ng2/models/webpack-build-production.ts

并改变 mangle: { screw_ie8 : true }, //prod

到mangle: { screw_ie8 : true, keep_fnames:true }, //prod

build --prod 删除导航栏

ng build --prod removes navbar

angular-cli

angular