NullInjectorError：没有 BsDropdownDirective 的提供者

Question

我不断在浏览器控制台中收到此错误，并且

bsdropdown

的功能无法正常工作。以下是浏览器的详细错误：

main.ts：6错误NullInjectorError：R3InjectorError（AppModule）[BsDropdownDirective - > BsDropdownDirective - > BsDropdownDirective]： NullInjectorError：没有 BsDropdownDirective 的提供者！ 在 NullInjector.get (core.mjs:7493:27) 在 R3Injector.get (core.mjs:7914:33) 在 R3Injector.get (core.mjs:7914:33) 在 R3Injector.get (core.mjs:7914:33) 在 ChainedInjector.get (core.mjs:12084:36) 在lookupTokenUsingModuleInjector (core.mjs:3201:39) 在 getOrCreateInjectable (core.mjs:3246:12) 在 Module.ɵɵdirectiveInject (core.mjs:10041:12) 在 NodeInjectorFactory.BsDropdownToggleDirective_Factory [作为工厂] (ngx-bootstrap-dropdown.mjs:25:102) 在 getNodeInjectable (core.mjs:3431:44)

我已经添加到app.module.ts:

 BrowserAnimationsModule,
    BsDropdownModule.forRoot()

下面是我使用下拉列表的组件 HTML：

<div *ngIf="(!!loggedIn())" class="dropdown mr-5">
    <a href="#" class="dropdown-toggle text-light" dropdownToggle (click)="false">
        Welcome {{loggedinUser}}
    </a>
    <div class="dropdown-menu" *dropdownMenu>
        <a href="#" class="dropdown-item">
            <i class="fas fa-tachometer-alt">
            </i>
            View Dashboard
        </a>
        <a href="#" class="dropdown-item">
            <i class="far fa-user-circle">
            </i>
            My Profile
        </a>
    </div>
</div>

我已经尝试更新 Angular cli、bootstrap 和 ngx-bootstrap 但是，错误仍然存在。

Answer 1

尝试将

providers: [BsDropdownDirective]

添加到您的组件中