获取错误"mat-nav-list不是已知元素"

God*_*Raj 20 angular-material angular

获取错误"mat-nav-list不是已知元素",使用@ angular/material"version"^ 5.2.5", - 请帮帮我

小智 51

以上都不适合我.我必须包含'MatListModule'并且它有效.

  • 从'@ angular / material / list'导入{MatListModule};`参见https://material.angular.io/components/list/api (6认同)

S J*_*ANA 6

为了克服错误

<mat-nav-list>
Run Code Online (Sandbox Code Playgroud)

标签不被称为元素,我们需要将 MatListModule 和 MatSidenavModule 一起导入为

import {MatSidenavModule} from '@angular/material/sidenav';
import {MatListModule} from '@angular/material/list'; 
Run Code Online (Sandbox Code Playgroud)


Mee*_*ave 5

  1. 确保组件在浏览器中加载良好,还没有任何导入。

  2. 现在按照https://material.angular.io/components/sidenav/overview 上提供的文档执行实施

如果您对文档感到困惑,那么您应该这样做 -

前往组件的模块并添加以下内容

import { MatSidenavModule } from '@angular/material/sidenav';
Run Code Online (Sandbox Code Playgroud)

imports: [
   // Other imports
   MatSidenavModule
],
Run Code Online (Sandbox Code Playgroud)

然后就可以编写 HTML 代码了。导航应该运行良好。

就是这样!

如果错误仍然存​​在,请告诉我


小智 5

确保您已导入 MatListModule 并在 App.Component 模块的导入中声明它。这个对我有用