0

StackBlitz でボイラープレート Angular アプリを作成していて、初期読み込みでエラーが発生しますが、エディターで変更を加えると、アプリは正常に読み込まれます。

/turbo_modules/@angular/compiler@6.0.7/bundles/compiler.umd.js のエラー (301:17) MainComponent のすべてのパラメーターを解決できません: (?)。main.ts の評価 アプリケーションの起動

アプリはこちらです。スローしているように見えるメインコンポーネントは次のように見えますが、欠落しているパラメーターはありません (参照用に貼り付けただけで、スキミング以上の価値があるとは思いません):

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

@Component({
  selector: 'main-component',
  template: `
    <ul>

      <li>
        <a [ngClass] = "{ active: (activeLink === 'Home') }" 
           (click) = "goHome()">
          HOME
        </a>
      </li>

      <li>
        <a [ngClass] = "{ active: (activeLink === 'News') }"
           (click) = "goToNews()">
          NEWS
        </a>
      </li>

    </ul>
    <br>
    <router-outlet></router-outlet>
  `,
  styleUrls:  ['main.component.css']
})

export class MainComponent{

  constructor(private router: Router) {}

  public activeLink = 'Home'; //default

  public goToNews() {
    this.activeLink = 'News';
    this.router.navigate(['/news']);
  }

  public goHome() {
    this.activeLink = 'Home'; 
    this.router.navigate(['/home']);
  }

}

エラーの原因は何ですか、どうすれば修正できますか?

編集: メイン コンポーネント コードを変更すると (スペースを追加するなど)、アプリが一時的に「自分自身を修正」するように見えます - StackBlitz の問題である可能性があります。

4

2 に答える 2