Lorsque j'essaye d'ajouter @ angular / material à mon projet, j'obtiens cette erreur.
Utilisation d'Angular Cli: 7.2.1, Node 11.6.0
Impossible de trouver le module '@ angular-devkit / schematics / tasks'
Erreur: impossible de trouver le module '@ angular-devkit / schematics / tasks'
à Function.Module._resolveFilename (interne / modules /cjs/loader.js:603:15)
à Function.Module._load (internal / modules / cjs / loader.js: 529: 25)
à Module.require (interne / modules / cjs / loader.js: 657: 17)
à require (interne / modules / cjs / helpers.js: 22: 18)
à Object. (/Users/ricardobaeza/Projects/node_modules/@angular/material/schematics/ng-add/index.js:10:17)
à Module._compile (interne / modules / cjs / loader.js: 721: 30)
à Object.Module._extensions..js (interne / modules / cjs / loader.js: 732: 10)
à Module.load (interne / modules / cjs / loader.js: 620: 32)
à tryModuleLoad (interne / modules / cjs / loader.js: 560: 12)
à Function.Module._load (interne / modules / cjs / loader.js: 552: 3)
3 Réponses :
Votre commande @ angular / material n'installe pas toutes les dépendances actuellement, pourquoi lancer une erreur essayez d'exécuter @ angular / material @ angular / cdk @ angular / animations install matériau angulaire.
Pour l'ancienne version, utilisez: -
ng add @angular/material
Pour la dernière version, utilisez: -
npm install --save @angular/material @angular/cdk @angular/animations
Pour plus information visitez le site officiel du matériau angulaire https://material.angular.io/guide/getting-started
La commande ng add installera Angular Material, le Component Dev Kit (CDK), Angular Animations et vous posera les questions suivantes pour déterminer les fonctionnalités à inclure
Modifier: tirets fixes pour la commande npm install
Qu'est-ce que ça veut dire? pourriez-vous mieux expliquer ce que nous devons faire?
voulez-vous dire npm install @ angular / material @ angular / cdk @ angular / animations ?
@Vinni Si vous utilisez une ancienne version de Angular Material alors oui npm install - save @ angular / material @ angular / cdk @ angular / animations ou si vous utilisez une version mise à jour de Angular Material puis exécutez ng add @ angular / material .
ok mais le fait est que j'ai commencé en ce moment un nouveau projet Angular (9.1.4) et quand j'essaye d'exécuter ng add @ angular / material j'obtiens cette erreur: `` Sauter l'installation: Package déjà installé Une exception non gérée s'est produite: Impossible de trouver le module '@ angular-devkit / schematics / tasks' `` Je ne comprends vraiment pas ce que je dois faire.
@Vinni Avez-vous essayé de supprimer node_module, la commande de nettoyage du cache, i npm i et après tout cela, exécutez ng add @ angular / material
même problème. Je ne sais vraiment pas pourquoi.
Cela se produit parce que vos node_modules ne contiennent pas le répertoire material .
Pour ajouter du matériel dans vos node_modules, exécutez la commande ci-dessous
ng add @angular/material
Après cela, vous pouvez exécuter la commande ci-dessous
npm install --save @angular/material @angular/cdk @angular/animations hammerjs
J'ai eu le même problème, je construisais le projet à partir de zéro. Pour moi, ce que j'ai fait de mal, c'est que j'essayais d'exécuter
npm install
Avant d'exécuter le
ng add @angular/material
Une fois, j'ai exécuté le " npm installer "d'abord et ensuite essayé d'installer les matériaux, tout a commencé à s'installer correctement sans aucun problème. C'est une erreur de base très idiote qui vaut la peine d'être notée pour les débutants comme moi :)
exécutez cette commande
npm i @ angular-devkit / schematics@Abhishek Je suis allé de l'avant et j'ai utilisé cette commande et j'obtiens toujours cette erreur
vider votre cache
@Abhishek J'ai vidé le cache avec
npm cache clear --forcepuis j'ai essayérm -r node_modules /npm imais pas de chanceok essayez ceci
@ angular / material @ angular / cdk @ angular / animationsqui l'a corrigé merci
ok j'ajoute cette réponse pour une aide future