Erreur : Impossible d'invoquer une expression dont le type n'a pas de signature d'appel

Question

Je suis tout nouveau dans le domaine du tapuscrit, et j'ai deux classes. Dans la classe mère, j'ai :

abstract class Component {
  public deps: any = {};
  public props: any = {};

  public setProp(prop: string): any {
    return <T>(val: T): T => {
      this.props[prop] = val;
      return val;
    };
  }
}

Dans la classe des enfants, j'ai :

class Post extends Component {
  public toggleBody: string;

  constructor() {
    this.toggleBody = this.setProp('showFullBody');
  }

  public showMore(): boolean {
    return this.toggleBody(true);
  }

  public showLess(): boolean {
    return this.toggleBody(false);
  }
}

ShowMore et ShowLess me renvoient tous deux l'erreur suivante : "Cannot invoke an expression whose type lacks a call signature" (Impossible d'invoquer une expression dont le type n'a pas de signature d'appel).

Mais la fonction renvoyée par setProp a bien une signature d'appel, je pense ? Je pense que je n'ai pas compris quelque chose d'important sur le typage des fonctions, mais je ne sais pas ce que c'est.

Merci de votre attention !

Answer 1

Ajoutez un type à votre variable, puis retournez.

Eg :

const myVariable : string [] = ['hello', 'there'];

const result = myVaraible.map(x=> {
  return
  {
    x.id
  }
});

\=> La partie importante est l'ajout du type string[] etc :

Answer 2

J'ai eu le même message d'erreur. Dans mon cas, j'avais mélangé par inadvertance les versions ES6 export default function myFunc syntaxe avec const myFunc = require('./myFunc'); .

Utilisation module.exports = myFunc; a plutôt résolu le problème.

Answer 3

Cette erreur peut se produire lorsque vous demandez une valeur à quelque chose et que vous mettez des parenthèses à la fin, comme s'il s'agissait d'un appel de fonction, alors que la valeur est correctement récupérée sans parenthèses finales. Par exemple, si ce à quoi vous accédez est une propriété "get" en Typescript.

private IMadeAMistakeHere(): void {
    let mynumber = this.SuperCoolNumber();
}

private IDidItCorrectly(): void {
    let mynumber = this.SuperCoolNumber;
}

private get SuperCoolNumber(): number {
    let response = 42;
    return response;
};