Angular CLI 抛出错误：“mat-tab-nav-panel”不是已知元素

Question

我正在处理我的角度项目，在特定部分，我需要实现材质选项卡导航栏（如在选项卡材质组件页面上工作所示）。

这是 HTML：

<nav mat-tab-nav-bar [tabPanel]="tabPanel">
<a mat-tab-link (click)= "SomeMethod()" > Office </a>
<a mat-tab-link (click)= "SomeOtherMethod()" > NHIU </a>
<a mat-tab-link (click)= "AnotherMethod()" > TIU </a>
</nav>

<mat-tab-nav-panel #tabPanel></mat-tab-nav-panel>

< nav mat-tab-nav-bar >在没有[tabPanel]指令和<mat-tab-nav-panel #tabPanel> 的情况下也可以正常工作

但是当使用选项卡面板和导航面板时，Angular cli 会抛出以下错误：

错误 NG8002：无法绑定到“tabPanel”，因为它不是“nav”的已知属性。

< nav mat-tab-nav-bar [tabPanel]="tabPanel">

1. 如果“mat-tab-nav-panel”是 Angular 组件，则验证它是否是该模块的一部分。
2. 如果“mat-tab-nav-panel”是 Web 组件，则将“CUSTOM_ELEMENTS_SCHEMA”添加到该组件的“@NgModule.schemas”以抑制此消息。

错误 NG8001：“mat-tab-nav-panel”不是已知元素：

1. 如果“mat-tab-nav-panel”是 Angular 组件，则验证它是否是该模块的一部分。
2. 如果“mat-tab-nav-panel”是 Web 组件，则将“CUSTOM_ELEMENTS_SCHEMA”添加到该组件的“@NgModule.schemas”以抑制此消息。

<mat-tab-nav-panel #tabPanel></ mat-tab-nav-panel>

我已经在我的材质模块中导入了 MatTabsModule，并且普通的 mat-tabs 在项目中也运行良好。

无法理解这里的问题是什么。请帮忙。

Answer 1

mat-tab-nav-panel 是 AngularMaterial v13.2.0 中引入的组件。您确定当前的 AngularMaterial 版本高于 13.2 吗？