javascript - NG0303：無法綁定到 'ngbTooltip'，因為它不是 'button' 的已知屬性

ERROR: 'NG0303: Can't bind to 'ngbTooltip' since it isn't a known property of 'button'.'

當我在本地運行 Angular 12 項目的測試時，我收到此錯誤，在所有使用 ngbTooltip 的 .spec 文件中，我使用了 CUSTOM_ELEMENT_SCHEMA，但無法追蹤錯誤發生的行。值得注意的是，使用 ng serve 時沒有此錯誤，但使用 ng test 時會出現。告訴我如何解決這個問題，我嘗試在應用模組中使用 CUSTOM_ELEMENT_SCHEMA，但沒有幫助。

主控台輸出 主控台輸出 2

答案＃1

嘗試將 NgbModule 加入到 TestBed.configureTestingModule({ 的 imports 陣列中。

TestBed.configureTestingModule({
  imports: [NgbModule],
...

如果你不想導入 NgbModule 或它在單元測試中引起問題，你可以模擬該指令並提供模擬版本。

@Directive({
  selector: '[ngbTooltip]'
})
class MockNgbTooltip {}
...
TestBed.configureTestingModule({
  // add the mock to the declarations array
  declarations: [MockNgbTooltip],