Ошибка AngularCLI и Angular Material (схемы): коллекция «@ angular / material» не может быть разрешена

Я пытаюсь использовать схемы Angular, которые показаны на эта страница. Когда я пытаюсь использовать следующую команду в терминале в корне проекта ng generate @ angular / material: material-nav --name name-of-new-nav, я получаю следующую ошибку красным цветом:

Collection "@angular/material" cannot be resolved. Error: Collection "@angular/material" cannot be resolved. at NodeModulesEngineHost._resolveCollectionPath (/Users/jeremypeters/MEGA/development/learning/angular/material-learn/node_modules/@angular-devkit/schematics/tools/node-module-engine-host.js:88:15) at NodeModulesEngineHost.createCollectionDescription (/Users/jeremypeters/MEGA/development/learning/angular/material-learn/node_modules/@angular-devkit/schematics/tools/file-system-engine-host-base.js:106:27) at SchematicEngine._createCollectionDescription (/Users/jeremypeters/MEGA/development/learning/angular/material-learn/node_modules/@angular-devkit/schematics/src/engine/engine.js:78:40) at SchematicEngine.createCollection (/Users/jeremypeters/MEGA/development/learning/angular/material-learn/node_modules/@angular-devkit/schematics/src/engine/engine.js:71:43) at Object.getCollection (/Users/jeremypeters/MEGA/development/learning/angular/material-learn/node_modules/@angular/cli/utilities/schematics.js:28:31) at GenerateCommand.getOptions (/Users/jeremypeters/MEGA/development/learning/angular/material-learn/node_modules/@angular/cli/models/schematic-command.js:193:41) at GenerateCommand. (/Users/jeremypeters/MEGA/development/learning/angular/material-learn/node_modules/@angular/cli/commands/generate.js:38:53) at Generator.next () at /Users/jeremypeters/MEGA/development/learning/angular/material-learn/node_modules/@angular/cli/commands/generate.js:7:71 at new Promise ()

Как мне заставить это работать?

Информация: Angular CLI: 6.0.8

Здесь та же проблема. Если погуглить, то вот уже около 5 дней он сломан.

Daniel Lyons 23.06.2018 21:21

Это потому, что 6.3.0 имеет поврежденный файл схемы с отсутствующей кавычкой. Вот PR, который это исправляет: github.com/angular/material2/pull/11839

Edric 24.06.2018 06:09

Та же проблема. Использовать принятое решение у меня работает.

FullStackDeveloper 28.06.2018 18:46
Тестирование функциональных ngrx-эффектов в Angular 16 с помощью Jest
В системе управления состояниями ngrx, совместимой с Angular 16, появились функциональные эффекты. Это здорово и делает код определенно легче для...
Angular и React для вашего проекта веб-разработки?
Angular и React для вашего проекта веб-разработки?
Когда дело доходит до веб-разработки, выбор правильного front-end фреймворка имеет решающее значение. Angular и React - два самых популярных...
Эпизод 23/17: Twitter Space о будущем Angular, Tiny Conf
Эпизод 23/17: Twitter Space о будущем Angular, Tiny Conf
Мы провели Twitter Space, обсудив несколько проблем, связанных с последними дополнениями в Angular. Также прошла Angular Tiny Conf с 25 докладами.
Угловой продивер
Угловой продивер
Оригинал этой статьи на турецком языке. ChatGPT используется только для перевода на английский язык.
Мое недавнее углубление в Angular
Мое недавнее углубление в Angular
Недавно я провел некоторое время, изучая фреймворк Angular, и я хотел поделиться своим опытом со всеми вами. Как человек, который любит глубоко...
Освоение Observables и Subjects в Rxjs:
Освоение Observables и Subjects в Rxjs:
Давайте начнем с основ и постепенно перейдем к более продвинутым концепциям в RxJS в Angular
18
3
10 034
6
Перейти к ответу Данный вопрос помечен как решенный

Ответы 6

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

Кажется сломанным, Временное решение, используйте следующую версию

ng add @angular/[email protected]

Спасибо, вы тоже мне день спасли :) Вы знаете, если кто-то из-за этого обнаружил ошибку?

Chen 29.06.2018 12:49

Попробуйте следующие cmds, у меня это сработало:

npm install --save @angular/[email protected] @angular/[email protected]

ng add @angular/[email protected]

Вы можете установить его с помощью:
ng generate @angular/material:dashboard --name myDashboard

Для остальных компонентов это будет:
ng generate @angular/material:nav --name myNav
ng generate @angular/material:table --name myTable

Информацию о схемах других компонентов вы можете найти в файле, расположенном по адресу:
/node_modules/@angular/material/schematics/collection.json

У меня так работало (из документов)

ng add @angular/material

ng generate @angular/material:material-nav --name <component-name>

ng generate @angular/material:material-dashboard --name <component-name>

ng generate @angular/material:material-table --name <component-name>

Угловой 6.4.7

Ошибка связана с Angular Material 7. просто запустите следующую команду в своем терминале. ng add @ angular / material @ 6.2.1

Я обнаружил, что у вас неправильный синтаксис: ng generate @angular/material:nav <name-of-new-nav>.

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