필드 초기화 에러

import { Component, OnInit } from '@angular/core';
import { Router } from '@angular/router';
import { PageToggleService } from 'src/app/share/page-toggle.service';

@Component({
  selector: 'app-stopwatch',
  templateUrl: './stopwatch.component.html',
  styleUrls: ['./stopwatch.component.scss'],
  providers: [
    PageToggleService
  ]
})
export class StopwatchComponent  implements OnInit{


  constructor(
    private router : Router,
    public pageToggleService : PageToggleService
  ){

  }

  goClock(){
    this.pageToggleService.goPage('/clock')
  }

  ngOnInit(): void {
    
  }
}

이런 에러가 자꾸 납니다. ㅠㅠ
초기화 하라고 하네요 자꾸

constructor에 인자로 접근제한자 지정해서 해주면

초기화까지 되는거 아닌가요?