角度ルーティングエラー：一度このファイルを含める必要があります

Question

私はtutorial Tour of Heroes found hereで遊んでいます。すべてが実行され、正常に見えます。しかし、私はダッシュボードにルート・ページから、ルーティングと主人公の詳細に追加した後、私はコンソールで次のエラーを得た：

Unexpected condition on http://localhost:3000/dashboard: should only include this file once 

エラーが、私はダッシュボードへのリンクをクリックした後に見られています。 155：VM1812に

expect(!loadTimeData, 'should only include this file once'); 

： メッセージは、コードのその行からスローされます。 JSバージョンはV8 5.6.326.50です。 /dashboardページがアプリにリンクされている

"dependencies": { 
    "@angular/common": "~4.0.0", 
    "@angular/compiler": "~4.0.0", 
    "@angular/core": "~4.0.0", 
    ... 
} 

dashboard.component.ts

import { Component, OnInit } from '@angular/core'; 

import { Hero } from '../heroes/hero'; 
import { HeroService } from '../model/hero.service'; 

@Component ({ 
    selector: 'my-dashboard', 
    templateUrl: './html/dashboard.component.html', 
    styleUrls: ['./css/app.css'], 
}) 

export class DashboardComponent implements OnInit { 

    heroes: Hero[] = []; 

    constructor(private heroService: HeroService) { } 

    ngOnInit(): void { 
    this.heroService.getHeroes() 
     .then(heroes => this.heroes = heroes.slice(1, 5)); 
    } 
} 

：package.jsonで宣言されているように、私が使用しています角度のバージョンは、4.0.0です。コンポーネントのようなテンプレート：

<nav> 
    <a routerLink="/heroes">Heroes</a><!--another page, also problematic--> 
    <a routerLink="/dashboard">Dashboard</a> 
</nav> 
<router-outlet></router-outlet> 

とルート定義はそのようなモジュールで定義されています

@NgModule({ 
    imports: [ RouterModule.forRoot(
    [ 
     { path: '', redirectTo: '/dashboard', pathMatch: 'full' }, 
     { path: 'dashboard', component: DashboardComponent }, 
    ] 
) ], 
    //... 
}) 

誰もがこのエラーの意味と、なぜそれがポップアップ知っていますか？

Answer 1

ブラウザごとに確認して、Yandexブラウザのみに適用されるようです。私の見解では、そのバグをYandexサポートチームに送る必要があります。ただし、エンドユーザーのエクスペリエンスや機能には影響しません。今はそれを無視しても問題ありません。

PS - angleアプリケーションが古いサファリ（5.1.7）で動作していないため、MacOSやその他の最新のブラウザでのみ利用可能な最新のもの（9-10）を使用してください。