Модуль не найден: Ошибка: невозможно разрешить '@ angular / cdk / tree' '@ angular / material / tree'

Question

Я использую Angular 5 и пытаюсь получить древовидное представление, подобное этому, с отображением таблицы.

https://stackblitz.com/edit/angular-hhkrr1?file=main.ts

когда я пытаюсь импортировать

import {NestedTreeControl} из '@ angular / cdk / tree'; import {MatTreeNestedDataSource} из '@ angular / material / tree';

Я получаю ошибку

ОШИБКА в ./src/app/app.module.ts Модуль не найден: ошибка: не удается разрешить '@ angular / cdk / tree' в 'XXX' ОШИБКА в ./src/app/AgileBOM/agile-bom.tabs.component.ts Модуль не найден: ошибка: не удается разрешить '@ angular / cdk / tree' в 'XXX' ОШИБКА в ./src/app/AgileBOM/agile-bom.tabs.component.ts Модуль не найден: ошибка: не удается разрешить '@ угловой / материал / дерево' в 'XXX'

Я попытался "установить npm" - не работало, также попытался установить угловой материал и CDK, но тщетно.

В чем может быть проблема

Answer 1

Компонент Tree является новым в Angular Material 6, для которого требуется Angular 6. Вам потребуется обновить различные Angular-зависимости вашего приложения с 5.x, чтобы использовать компонент Tree.