Angular 库 : Material Menu : Error: Export of name 'matMenu' not found

Question

我正在开发 Angular 库，我有这个简单的菜单:

<mat-menu #menu="matMenu" yPosition="below" style="margin-top: 45px;">
    <button style="outline: none;" *ngFor='let button of card?.overflowmenu?.buttons' mat-menu-item
            class="header-menu-item">
        {{button.text}}
    </button>
</mat-menu>

模块看起来像这样。

import { NgModule } from '@angular/core';
import { CardComponent } from './card.component';
import { MatMenuModule } from '@angular/material/menu';
import { CommonModule } from '@angular/common';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { BrowserModule } from '@angular/platform-browser';

@NgModule({
  declarations: [CardComponent],
  imports: [
    BrowserModule,
    CommonModule,
    BrowserAnimationsModule,
    MatMenuModule,
  ],
  exports: []
})
export class CardModule { }

当我这样做时:$ng test @libraryname.

我收到错误:错误:找不到名称“matMenu”的导出!

在构建 Angular 库时，我是否缺少导入的内容？

Answer 1

您的测试也需要导入模块 - 所以您需要

从'@angular/material/menu'导入{MatMenuModule}；

在您的 .spec.ts 文件的导入中，然后

    TestBed.configureTestingModule({
      declarations: [YourComponent],
      imports: [
        NoopAnimationsModule,
        LayoutModule,
...
        MatMenuModule,
      ]
    }).compileComponents();

在你的测试文件中