Specialize JSX error messages for missing properties

Métriques du dépôt

Stars

48 455 stars (48 455 stars)

Métriques de merge PR

Merge moyen 6j 17h (Merge moyen 6j 17h)9 PRs mergées en 30 j (9 PRs mergées en 30 j)

Description

import React from "react";

function Foo(props: { count: number }) {
    return <div>{props.count}</div>;
}

<Foo />

function Bar(props: { a: any, b: any }) {
    return <div />;
}

<Bar />

function Baz(props: { a: any, b: any, c: any, d: any, e: any, f: any }) {
    return <div />
}

<Baz />

Property 'count' is missing in type '{}' but required in type '{ count: number; }'.
Type '{}' is missing the following properties from type '{ a: any; b: any; }': a, b
Type '{}' is missing the following properties from type '{ a: any; b: any; c: any; d: any; e: any; f: any; }': a, b, c, d, and 2 more.

The 'count' attribute is missing, but is required for this 'Foo' tag.
This 'Bar' tag is missing the following attributes: a, b.
This 'Baz' tag is missing the following attributes: a, b, c, d, and 2 more.

Guide contributeur

Direction de recherche

Étudiez le code source du compilateur TypeScript, en particulier `src/compiler/checker.ts`, pour localiser où les messages d'erreur pour les propriétés manquantes sont générés (par exemple, le code d'erreur 2322). Analysez comment les messages d'erreur spécifiques à JSX sont actuellement produits et identifiez le chemin de code qui gère `<Foo />` sans les props requises. Ensuite, modifiez le formatage du message d'erreur pour produire le style proposé "L'attribut 'count' est manquant...". Le lien de bac à sable fourni contient les cas de test. Le problème a un assigné, alors coordonnez vous avec lui avant de commencer le travail.

Stack technique

typescript

Domaine

developer experience

Type d'issue

Fonctionnalité

DifficultéDifficulté estimée pour un nouveau contributeur, de 1 pour un très petit changement à 5 pour un travail expert.

2

Temps estiméFourchette de temps approximative pour investiguer, implémenter, tester et préparer une pull request.

1-3 heures

Statut d'activitéDisponibilité apparente de l'issue : fraîche, active, ancienne, bloquée ou en attente d'un mainteneur.

Active

ClartéClarté avec laquelle l'issue explique le changement attendu, les critères d'acceptation et la prochaine étape.

Claire

Prérequis

GitTypeScript

Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.

75