Angular is throwing an error stating that the argument type 'typeof MsalService' cannot be assigned to the parameter type 'MsalService'

Question

Angular is throwing an error stating that the argument type 'typeof MsalService' cannot be assigned to the parameter type 'MsalService'

I'm currently facing a challenge in creating an instance of a class in TypeScript/Angular. Within my project, there is a specific scenario where I need to call a method from an exported function that is located within another class in TypeScript.

  const myObject = new TokenService(MsalService);

Encountering the following error message has caused me to become stuck on this issue for an entire day. How can I go about resolving this error?

Argument of type 'typeof MsalService' is not assignable to parameter of type 'MsalService'. Type 'typeof MsalService' is missing the following properties from type 'MsalService': instance, location, redirectHash, logger, and 13 more.ts(2345) graphql.module.ts(59, 37): Did you mean to use 'new' with this expression?

https://i.sstatic.net/uzGBc.png

The actual class has a constructor

https://i.sstatic.net/13MzQ.png

angular typescript graphql

Answer 1

Answer №1

If you have a method that needs to be called, the recommended approach is to declare the method as static. Setting the method as public allows it to be accessed outside the class, although this step is optional:

import { Injectable } from '@angular/core';

@Injectable()
export class MsalService {

  constructor() { }

   public static someMethod() {
        // do something...
   }

}

With this setup, you can call the method like this:

MsalService.someMethod()

There's no need to instantiate the class in order to access the method, making it more convenient.

Attempting to initialize services using new TokenService(MsalService) won't work in Angular because services are singletons managed through dependency injection. Converting the method to a static one and passing any required details as arguments will solve this issue.

Answer 2

If you have a method that needs to be called, the recommended approach is to declare the method as static. Setting the method as public allows it to be accessed outside the class, although this step is optional:

import { Injectable } from '@angular/core';

@Injectable()
export class MsalService {

  constructor() { }

   public static someMethod() {
        // do something...
   }

}

With this setup, you can call the method like this:

MsalService.someMethod()

There's no need to instantiate the class in order to access the method, making it more convenient.

Attempting to initialize services using new TokenService(MsalService) won't work in Angular because services are singletons managed through dependency injection. Converting the method to a static one and passing any required details as arguments will solve this issue.

Angular is throwing an error stating that the argument type 'typeof MsalService' cannot be assigned to the parameter type 'MsalService'

Answer №1

Similar questions

Using the Ngclass function with a pair of objects

Transitioning from ng-repeat filter to Typescript

Tips for showcasing nested objects in Angular components

The issue arises when using Angular Material as it seems that passing a data object to a matdialog dialog

Even with the use of setTimeout, Angular 5 fails to recognize changes during a lengthy operation

Version 13.5 of NextJS is triggering errors in the GraphQL schema

Leveraging the information retrieved from Promise.all calls

Even as I create fresh references, my JavaScript array object continues to overwrite previous objects

Tips for implementing Angular 6 Route Authentication Guards on both Parent and Child Routes in all Routes

What is the process for adding connected entities in MikroORM?

When the admin clicks the start button, redirect all users to the designated page

What is the best way to obtain an error as an object when subscribing to an HTTP GET request

Why use rxjs observables if they don't respond to updates?

Issue with cordova plugin network interface connectivity

Best type for an array of dictionaries

Establish a connection using Angular 4 HTTP POST to communicate with a Java REST API, as it is not permitted on the server

Is it impossible to Build your Angular project?

ExitDecorator in TypeScript

Updating and saving data in Ag-Grid with server communication

What could be causing a compile error in my React and TypeScript application?