Не удается найти модуль '@ angular-devkit / schematics / tasks'

когда я пытаюсь добавить @angular/material в свой проект, я получаю эту ошибку. Использование Angular Cli: 7.2.1, Node 11.6.0

Cannot find module '@angular-devkit/schematics/tasks'
   Error: Cannot find module '@angular-devkit/schematics/tasks'
   at Function.Module._resolveFilename (internal/modules /cjs/loader.js:603:15)
   at Function.Module._load (internal/modules/cjs/loader.js:529:25)
   at Module.require (internal/modules/cjs/loader.js:657:17)
   at require (internal/modules/cjs/helpers.js:22:18)
   at Object. (/Users/ricardobaeza/Projects/node_modules/@angular/material/schematics/ng-add/index.js:10:17)
   at Module._compile (internal/modules/cjs/loader.js:721:30)
   at Object.Module._extensions..js (internal/modules/cjs/loader.js:732:10)
   at Module.load (internal/modules/cjs/loader.js:620:32)
   at tryModuleLoad (internal/modules/cjs/loader.js:560:12)
   at Function.Module._load (internal/modules/cjs/loader.js:552:3)

запустите эту команду npm i @angular-devkit/schematics

Abhishek 11.01.2019 17:43

@Abhishek Я пошел дальше и использовал эту команду, и я все еще получаю эту ошибку

RickyBaeza 11.01.2019 17:46

очистить кеш

Abhishek 11.01.2019 17:48

@Abhishek Я очистил кеш с помощью npm cache clear --force, затем попробовал rm -r node_modules/npm i, но безуспешно

RickyBaeza 11.01.2019 17:57

хорошо, попробуйте этот @angular/material @angular/cdk @angular/animations

Abhishek 11.01.2019 18:00

это исправил спасибо

RickyBaeza 11.01.2019 18:05

хорошо, я добавляю этот ответ для помощи в будущем

Abhishek 11.01.2019 18:07
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
4
7
9 831
4
Перейти к ответу Данный вопрос помечен как решенный

Ответы 4

Ответ принят как подходящий

Ваша команда @angular/material в настоящее время не устанавливает все зависимости, поэтому возникает ошибка, пытаясь запустить @angular/material @angular/cdk @angular/animations install angular material.

Для старой версии используйте: -

npm install --save @angular/material @angular/cdk @angular/animations

Для последней версии используйте: -

ng add @angular/material

Для получения дополнительной информации посетите официальный сайт углового материала https://material.angular.io/guide/getting-started.

The ng add command will install Angular Material, the Component Dev Kit (CDK), Angular Animations and ask you the following questions to determine which features to include

Редактировать: исправлены дефисы для команды установки npm

Что это означает? не могли бы вы лучше объяснить, что нам делать?

Vinni 03.05.2020 12:58

ты про npm install @angular/material @angular/cdk @angular/animations?

Vinni 03.05.2020 13:01

@Vinni Если вы используете старую версию Angular Material, тогда да, npm install — save @angular/material @angular/cdk @angular/animations, или если вы используете обновленную версию Angular Material, запустите ng add @angular/material.

Abhishek 03.05.2020 13:45

хорошо, но дело в том, что я начал прямо сейчас новый проект Angular (9.1.4), и когда я пытаюсь запустить ng add @angular/material , я получаю эту ошибку: `` Пропуск установки: пакет уже установлен. Произошло необработанное исключение: не удается найти модуль '' @ angular-devkit / schematics / tasks '`` Я действительно не понимаю, что мне делать.

Vinni 03.05.2020 13:50

@Vinni Вы пробовали удалить node_module, команду очистки кеша, inpm i и после всего этого запустить ng add @angular/material

Abhishek 03.05.2020 13:58

та же проблема. Я действительно не знаю почему.

Vinni 03.05.2020 14:31

Это происходит из-за того, что ваш node_modules не содержит каталога материал.

Чтобы добавить Материал в ваш node_modules, выполните команду ниже

npm install --save @angular/material @angular/cdk @angular/animations hammerjs

После этого вы можете запустить команду ниже

ng add @angular/material

это по-прежнему оставляет мне абсурдное количество ошибок. Я не могу использовать какие-либо компоненты. После этого моя консоль буквально переполнена ошибками.

d0rf47 25.11.2021 18:23

У меня была такая же проблема, я создавал проект с нуля. Для меня то, что я сделал не так, я пытался бежать

ng add @angular/material

Перед запуском

npm install

Как только я сначала запустил "npm install", а затем попытался установить материалы, все стало правильно устанавливаться без каких-либо проблем. Это очень глупая основная ошибка, которую стоит отметить новичкам вроде меня :)

Вы должны попробовать следующую команду:

npm install --save @angular/material @angular/cdk @angular/animations

Другие вопросы по теме