angular - 无法使用 ng 命令以角度添加 ng-bootstrap

Question

我是 Angular 新手，使用 12.1.4 版本。我无法在 Angular 中添加或安装引导程序依赖项。当我在 cmd 提示符下运行以下命令时。

ng add @ng-bootstrap/ng-bootstrap

然后它会抛出一个错误，如下图所示：

标签： angularng-bootstrapangular12

Answer 1

安装bootstrap在您的angular 12应用程序中，如下所示。这仅用于css导入。

npm install bootstrap --save

现在您需要bootstrap css直接在style.css文件中导入，如下所示：

@import "~bootstrap/dist/css/bootstrap.css";

但是，如果您需要安装bootstrap然后jquery运行popper js以下命令，如下所示：

npm install bootstrap --save
npm install jquery --save
npm install popper.js --save

成功运行上述命令后，将其导入angular.json文件中，如下所示：

 "styles": [
    "node_modules/bootstrap/dist/css/bootstrap.min.css",
    "src/styles.css"
  ],
  "scripts": [
      "node_modules/jquery/dist/jquery.min.js",
      "node_modules/popper.js/dist/umd/popper.min.js",
      "node_modules/bootstrap/dist/js/bootstrap.min.js"
  ]