关于打字稿:找不到模块:错误:无法解析’@ angular / cdk / tree”@ angular / material / tree’

Module not found: Error: Can't resolve '@angular/cdk/tree' '@angular/material/tree'

我正在使用Angular 5,并尝试通过表(如display)实现这样的树状视图。

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

当我尝试导入

从'@ angular / cdk / tree'导入{NestedTreeControl};
从'@ angular / material / tree'导入{MatTreeNestedDataSource};

我遇到错误

./src/app/app.module.ts中的错误
找不到模块:错误:无法解决
" XXX"中的" @ angular / cdk / tree"
./src/app/AgileBOM/agile-bom.tabs.component.ts中的错误
找不到模块:错误:无法解决
" XXX"中的" @ angular / cdk / tree"
./src/app/AgileBOM/agile-bom.tabs.component.ts中的错误
找不到模块:错误:无法解决
" XXX"中的" @ angular / material / tree"

我尝试了" npm install"-没有工作也试图安装角材料和cdk,但是徒劳。

可能是什么问题


Tree组件是Angular Material 6中新的组件,它需要Angular6。您需要从5.x升级应用程序的各种Angular依赖关系才能使用Tree组件。