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的一个已知问题。请参阅https://www.juce.com/doc/classAudioProcessor#a9015f8476c07b173e3c9919b3036339d。

修复将转到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

ng build --prod删除导航栏

1 个答案: