Error when adding parameter in page constructor

hello,

I’m facing this weird problem, when I pass a service provider as a parameter in the page class constructor, the page won’t show anything like there is no page.

the page class code is

import { Component, OnInit } from "@angular/core";
import { CognitoServiceService } from "../cognito-service.service";

@Component({
  selector: "app-login-main",
  templateUrl: "./login-main.page.html",
  styleUrls: ["./login-main.page.scss"]
})
export class LoginMainPage {
  constructor(public CognitoSerive: CognitoServiceService) {
  }
  email: string;
  password: string;


  login() {
    this.CognitoSerive.authenticate(this.email, this.password).then(
      res => {
        console.log(res);
      },
      err => {
        console.log(err);
      }
    );
  }
}

i’m new and couldn’t find anything to help me with this.

Welcome! Chrome’s Developer Tools are your friend. Look in the JavaScript “Console” for error messages. One likely possibility given what you’ve said so far is that CognitoServiceService (which is rather unfortunately-named) isn’t being provided anywhere. If so, the error messages should suggest what needs to be done.

thank you for the help I forgot about the console, fixed it, it was “global” parameter missing problem