Angular : Les tests et le débogage

Corriger les erreurs d'injection

TESTEZ LINKEDIN LEARNING GRATUITEMENT ET SANS ENGAGEMENT

Tester maintenant Afficher tous les abonnements
Abordez les erreurs typiques d'injection de dépendance. Voyez comment les corriger avec les outils disponibles dans le browser et l'éditeur.
04:23

Transcription

Dans les termes Angular, l’éjection de dépendance veut dire que nous avons importé un module, le service, une directive ou tout autre item dont nous avons besoin. Donc, quand nous faisons une erreur dans cet import, cela doit être corrigé. Il y a plusieurs méthodes pour comprendre ce qui se passe. Laissez-moi-vous montrer. Donc, quand on parle d’une éjection, on parle de l'import tel que par exemple ici, Hero. Donc, Hero est un export, si on regarde dans le fichier Hero, il y a un fichier export qui s’appelle Hero. Donc, c’est tout simplement de import, export d'un fichier à l'autre. Le même principe marche pour les composantes principales d’Angular comme Component et OnInit qui sont directement dans Angular Core. Donc, si on regarde dans les noms de modules ici, on a un fichier Angular, on a un fichier Core ici, et dans le fichier Core, il y a un export d’un component et il y a un export de OnInit, et on peut les importer ici. Donc, où il peut y avoir des erreurs d’injection c’est par exemple, une erreur de syntaxe. Ou je peux me tromper sur le chemin d’accès au fichier Hero, donc j’ai fait une erreur ici, je pourrai faire une erreur là, et quand l’application marche, si je sauvegarde ça, et on va aller ouvrir le terminal, Afficher, Terminal intégré, on commence à avoir les erreurs ici. Donc, une place pour voir les erreurs c’est directement dans votre. La plupart des une erreur, comme par exemple ici, je vais juste minimiser ici mon terminal et je vais fermer mon explorateur pour l’instant, on voit les erreurs directement dans le code. Comme ici, ça dit, le nom hero est introuvable, Ici, le module hero est introuvable et ainsi de suite. On peut même voir dans notre terminal, la même erreur, can not find module heroes or can not find name hero. Donc, quand vous voyez des erreurs comme ça ici, can not find module, can not find name hero, et puis ensuite, on voit, il y a des lignes rouges ici dans votre texte il y a une erreur quelque part dans votre import ou même dans votre export. Donc, on va corriger les erreurs d’import pour commencer, donc on corrige le module ici. Donc, maintenant nous allons régler notre problème de chemin d’accès ici, avec le s. Ensuite, nous avons encore un problème avec hero. Si je sauvegarde ici, le nom de l’import est pas bon. Donc, on répare ça ici, comme vous pouvez voir, on a encore un commentaire ici, que le nom hero est introuvable. Donc, on répare le problème ici. Donc, l’application marche. Mais, vous pourriez avoir une erreur de export. Donc, si je vais dans le fichier en question, et je change hero comme cela, et je sauvegarde, j’ai encore le même problème. Comme vous pouvez voir, les commentaires que j’ai ici, je vais juste regarder à mon terminal et je vais aller à la fin, le module has no exported member hero. Donc, c’est une autre erreur d’injection, parce que le nom ici n’est pas bon. Donc, je devrai soit changer le nom dans mon fichier ici, et comme vous pouvez voir, il y a même dans mon fichier d’import, ou bien donc, je le change ici. Mais, qu’est ce que je vais faire ? Parce que le nom était originalement hero sans s, je vais le changer ici, comme cela. Et tout est de retour à la normale. Donc comme vous pouvez voir des erreurs d’injection est tout simplement des erreurs et les exports ne sont pas faites comme il faut, et ça peut se passer n’importe où dans le fichier. Donc, si vous avez ici une erreur et que le fichier était mal nommé ici, donc vous avez importé le bon fichier ici, et après ça, vous avez utilisé le mauvais nom de fichier, vous allez avoir le même type de message. Donc, quand vous voyez des erreurs, la première chose à faire c’est de regarder dans le terminal pour vérifier quel type d’erreur nous avons, la plupart du temps c’est des erreurs de syntaxe, vous avez mal écrit le mot et ainsi de suite, et de voir les lignes rouges ici, dans votre . La plupart des aujourd’hui, offrent ce service, j’utilise Visual Code. Et donc, si vous voulez voir le même type de message que moi j’ai ici dans mon programme, vous pouvez utiliser Visual Code.

Angular : Les tests et le débogage

Découvrez les erreurs communes de cet environnement de développement telles que les erreurs d'injection ou de transformation de données, ainsi que les bonnes pratiques de conduite de tests.

1h24 (20 vidéos)
Aucun commentaire n´est disponible actuellement
Logiciel :
Spécial abonnés
Date de parution :7 juin 2018

Votre formation est disponible en ligne avec option de téléchargement. Bonne nouvelle : vous ne devez pas choisir entre les deux. Dès que vous achetez une formation, vous disposez des deux options de consultation !

Le téléchargement vous permet de consulter la formation hors ligne et offre une interface plus conviviale. Si vous travaillez sur différents ordinateurs ou que vous ne voulez pas regarder la formation en une seule fois, connectez-vous sur cette page pour consulter en ligne les vidéos de la formation. Nous vous souhaitons un excellent apprentissage avec cette formation vidéo.

N'hésitez pas à nous contacter si vous avez des questions !