Angular 2 - app打破了typescript生成的javascript文件

Question

我正在为学习目的构建一个非常简单的应用程序。这是我的应用程序组件：

<div class="container">
    <app-header></app-header>
    <hr>
    <router-outlet></router-outlet>
</div>

这就是我在标题组件中的内容：

@Component({
    selector: 'app-header',
    template: `
        <header class="row">
            <nav class="col-md-8 col-md-offset-2">
                <ul class="nav nav-pills">
                    <li routerLinkActive="active"><a [routerLink]="['/messages']">Messenger</a></li>
                    <li routerLinkActive="active"><a [routerLink]="['/auth']">Authentication</a></li>
                </ul>
            </nav>
        </header>
    `
})

问题是，当我在/messages网址时，出于某种原因，我得到了两个标题组件：

https://github.com/Rob--W/cors-anywhere/

我已经测试了一些东西，并注意到由于某种原因应用程序在打字稿生成javascript文件时中断。当我删除js文件时，应用程序工作正常。 那可能是什么？

Answer 1

这是我的原子编译打字稿文件的打字稿包，并且正在运行npm run build，它正在编译相同的文件并行打破应用程序。

如果有人遇到同样的问题，要通过编辑器禁用编译，我添加了：

"compileOnSave": false

到tsconfig.json文件。