Angular找不到模块'/下拉菜单basic'；。ts（2307）

我试图在我的angular项目中添加一个引导下拉列表。当我尝试将引导下拉列表导入app.module.ts文件时；通过添加以下代码行

import { NgbdDropdownBasic } from './dropdown-basic';

我正在犯错误

找不到模块“./dropdown basic”.ts（2307）

我试图通过删除节点_模块并重新安装来解决此问题，但问题仍然存在。请检查package.json。我可以随时手动安装该软件包吗

package.json

{
    "name": "lbd-free-angular-cli",
    "version": "1.6.0",
    "license": "MIT",
    "scripts": {
        "ng": "ng",
        "start": "ng serve",
        "build": "ng build",
        "test": "ng test",
        "lint": "ng lint",
        "e2e": "ng e2e",
        "install:clean": "rm -rf node_modules/ && rm -rf package-lock.json && npm install && npm start"
    },
    "private": true,
    "dependencies": {
        "@angular/animations": "9.0.6",
        "@angular/common": "9.0.6",
        "@angular/compiler": "9.0.6",
        "@angular/core": "9.0.6",
        "@angular/forms": "9.0.6",
        "@angular/localize": "^9.1.1",
        "@angular/platform-browser": "9.0.6",
        "@angular/platform-browser-dynamic": "9.0.6",
        "@angular/router": "9.0.6",
        "@ng-bootstrap/ng-bootstrap": "^6.0.2",
        "@ngui/map": "0.30.3",
        "@types/googlemaps": "3.39.3",
        "animate.css": "3.7.0",
        "arrive": "2.4.1",
        "bootstrap": "3.3.7",
        "bootstrap-notify": "3.1.3",
        "chartist": "0.11.0",
        "core-js": "2.6.9",
        "googleapis": "33.0.0",
        "jquery": "3.4.1",
        "perfect-scrollbar": "1.4.0",
        "rxjs": "6.5.4",
        "rxjs-compat": "6.5.4",
        "zone.js": "0.10.2"
    },
    "devDependencies": {
        "@angular-devkit/build-angular": "0.900.6",
        "@angular/cli": "9.0.6",
        "@angular/compiler-cli": "9.0.6",
        "@types/jasmine": "3.5.9",
        "@types/node": "13.9.0",
        "codelyzer": "5.2.1",
        "jasmine-core": "3.5.0",
        "jasmine-spec-reporter": "4.2.1",
        "karma": "4.4.1",
        "karma-chrome-launcher": "3.1.0",
        "karma-cli": "2.0.0",
        "karma-jasmine": "3.1.1",
        "karma-jasmine-html-reporter": "1.5.2",
        "karma-coverage-istanbul-reporter": "2.1.1",
        "protractor": "5.4.3",
        "ts-node": "8.6.2",
        "tslint": "6.1.0",
        "typescript": "3.7.5"
    }
}

app.module.ts

import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { NgModule } from '@angular/core';
import { FormsModule } from '@angular/forms';
import { HttpClientModule } from '@angular/common/http';
import { RouterModule } from '@angular/router';
import { AppRoutingModule } from './app.routing';
import { NavbarModule } from './shared/navbar/navbar.module';
import { FooterModule } from './shared/footer/footer.module';
import { SidebarModule } from './sidebar/sidebar.module';
import { AppComponent } from './app.component';
import { AdminLayoutComponent } from './layouts/admin-layout/admin-layout.component';
import { BrowserModule } from '@angular/platform-browser';
import { NgbModule } from '@ng-bootstrap/ng-bootstrap';
import { NgbdDropdownBasic } from './dropdown-basic';

@NgModule({
  imports: [
    BrowserAnimationsModule,
    FormsModule,
    RouterModule,
    HttpClientModule,
    NavbarModule,
    FooterModule,
    SidebarModule,
    AppRoutingModule,
    BrowserModule,
    NgbModule
  ],
  declarations: [
    AppComponent,
    AdminLayoutComponent
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

输出

---

从“/dropdown basic”导入{NgbdDropdownBasic}

这是一个错误的导入，我认为您正在遵循文档，并且您认为这是下拉列表的重要导入，但事实并非如此

如果您已在模块中导入此项：

从'@ng bootstrap/ng bootstrap'导入{NgbModule}

那你就可以走了。检查我是如何使用下拉模块的：

---

在app.module中，您导入并包含在

导入中
不是组件，而是导入组件并包含在
声明中
“组件”如果您想使用（您的NgbdDropdownBasic是一个组件），请仔细阅读文档：我共享的stackblitz链接。尝试检查index.html文件中的css，或者您可以与我共享您的回购协议，我可以看到问题。到目前为止，这似乎是一个css问题，任何时候都不是问题。我现在会检查它，然后再给你回复。我发现的问题是你在错误的地方导入了NgbModule，您应该已经在admin-layout.module中导入了它，但这仍然不能像您希望的那样工作，因为您已经使用了一个仪表板主题，它已经提供了所有这些内容。最重要的是使用引导库并完全覆盖它。它使用poper.js，而像ng bootstrap和ngx bootstrap这样的解决方案正试图消除poper.js的使用。因此存在冲突。在你的情况下，只有进口是错误的。若你们在新项目中尝试同样的方法，那个么它就会起作用。你还想用还是怎么用？