找不到模块 'ngx-bootstrap'。在 coreUI 模板中

Question

当我运行命令时：ng serve -o 我有这个错误：

src/app/views/base/navbars/navbars 中的错误。component.ts:2:33 - 错误 TS2307：找不到模块 'ngx-bootstrap'。第 2 行：从 'ngx-bootstrap';

导入 {CollapseDirective}

这是我的 package.json 文件：

{
  ..............

  "dependencies": {
    "@angular/animations": "^9.0.0",
    "@angular/common": "^9.0.0",
    "@angular/compiler": "^9.0.0",
    "@angular/core": "^9.0.0",
    "@angular/forms": "^9.0.0",
    "@angular/platform-browser": "^9.0.0",
    "@angular/platform-browser-dynamic": "^9.0.0",
    "@angular/router": "^9.0.0",
    "@coreui/angular": "^2.9.0",
    "@coreui/coreui": "^2.1.16",
    "@coreui/coreui-plugin-chartjs-custom-tooltips": "^1.3.1",
    "@coreui/icons": "0.3.0",
    "angular-datatables": "^9.0.1",
    "bootstrap": "^4.3.1",
    "chart.js": "^2.9.2",
    "core-js": "^2.6.11",
    "datatables.net": "^1.10.20",
    "datatables.net-dt": "^1.10.20",
    "flag-icon-css": "^3.4.6",
    "font-awesome": "^4.7.0",
    "jquery": "^3.4.1",
    "moment": "^2.24.0",
    "mutationobserver-shim": "^0.3.3",
    "ng2-charts": "^2.3.0",
    "ngx-bootstrap": "^5.2.0",
    "ngx-perfect-scrollbar": "^8.0.0",
    "rxjs": "^6.5.3",
    "simple-line-icons": "^2.4.1",
    "ts-helpers": "^1.1.2",
    "tslib": "^1.10.0",
    "web-animations-js": "^2.3.2",
    "zone.js": "~0.10.2"
  },
  "devDependencies": {
    "@angular-devkit/build-angular": "^0.900.1",
    "@angular/cli": "^9.0.1",
    "@angular/compiler-cli": "^9.0.0",
    "@angular/language-service": "^9.0.0",
    "@types/jasmine": "^3.5.3",
    "@types/jasminewd2": "^2.0.8",
    "@types/jquery": "^3.3.34",
    "@types/node": "^12.11.1",
    "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-coverage-istanbul-reporter": "^2.1.0",
    "karma-jasmine": "^2.0.1",
    "karma-jasmine-html-reporter": "^1.5.2",
    "protractor": "^5.4.2",
    "ts-node": "^8.4.1",
    "tslint": "^5.20.0",
    "typescript": "~3.7.5"
  },
  "engines": {
    "node": ">= 10",
    "npm": ">= 6"
  }
}

事实上，该模块在另一台计算机上工作正常。但是当我使用git在家工作时，我无法执行项目。

Answer 1

在包 json 中更改 ngx-botsrap 版本

"ngx-bootstrap": "5.3.2"

然后运行 npm install

然后构建项目

并写

 import {CollapseDirective} from 'ngx-bootstrap/collapse'

Answer 2

正如我从您的 package.json 看到的，您的 angular 版本是 9。

所以，你应该使用他们官方文档中写的ngx-boostrap。请参阅下面如何在 Angular 9:

中导入

找不到模块 'ngx-bootstrap'。在 coreUI 模板中

Cannot find module 'ngx-bootstrap'. in coreUI template

ngx-bootstrap

angular