Question

我运行了一个简单的命令，该命令应该生成预构建的文件，这些文件可以用作导航栏。它可以正确下载，但是如果我将<main-nav></main-nav>添加到我的app.component.html页面中，它将仅输出一个空白页面。我的控制台中没有错误。以下是命令：ng generate @angular/material:material-nav --name=main-nav 我正在使用Mac，Angular 6和Angular Material。以下是我关注的视频：https://www.youtube.com/watch?v=Q6qhzG7mObU。我已经独立测试了每个部分，发现<mat-sidenav></mat-sidenav>函数根本无法正常工作。

Answer 1

您是否将MatSidenavModule添加到应用程序的模块中？

@NgModule({
  imports: [
    MatSidenavModule,
    // ...
  ]
})
export class AppModule { }

Answer 2

我遇到了类似的问题，我的浏览器导航到运行ng generate @angular/material:material-nav --name=main-nav后创建的main-nav文件夹，从而解决了我的问题

注意：文件夹名称将是您分配的任何名称--name =？

导航到main-nav.component.ts，找到@components装饰器，并在其中找到选择器属性。在需要的地方使用该选择器作为标签，例如在这种情况下，应在app.component.html页面中替换该标签。

例如，我的@components装饰器如下所示：

@Component({
  selector: 'app-app-nav',
  templateUrl: './app-nav.component.html',
  styleUrls: ['./app-nav.component.scss']
})

因此，我在app.component.html页面中将拥有<main-nav></main-nav>。

我希望这对某人有帮助。

ng generate @ angular / material：material-nav --name = main-nav正确生成文件，但它们无法运行

2 个答案: