在 Angular 中安装离线 Bootstrap

Question

我的电脑上没有任何方式连接互联网，我想通过下载 Bootstrap 并在我的

index.html

中调用它来在我的 Angular 项目中安装 Bootstrap，这样我就可以离线使用它。除了下载 Bootstrap zip 之外，无法使用

npm i

或任何与互联网相关的东西

我只是将其文件夹放在“src”中并使用以下命令调用它：

<link rel="stylesheet" href="src\bootstrap\css\bootstrap.min.css">

<script src="src\bootstrap\js\bootstrap.min.js"></script>

这不起作用，我还应该下载 popper.js 和 Jquery 吗？或者我应该改变一些东西

Angular.json

？

Answer 1

尝试使用静态文件的资产文件夹。因此，将文件移动到资产并更改链接，例如

<link rel="stylesheet" href="assets\bootstrap\css\bootstrap.min.css">

<script src="assets\bootstrap\js\bootstrap.min.js"></script>

您还需要添加jquery

Answer 2

将文件放入资产文件夹中。最好将这些文件导入到

angular.json

而不是

index.html

中。您还必须包含 JQuery 和 popper，如官方引导文档中所示：

我们的许多组件都需要使用 JavaScript 才能运行。 具体来说，它们需要 jQuery、Popper.js 和我们自己的 JavaScript 插件。

"styles": [
  "src/assets/bootstrap/css/bootstrap.min.css""
],
"scripts": [
  "src/assets/jquery/remainingpath...",
  "src/assets/popper/remainingpath...",
  "src/assets/bootstrap/js/bootstrap/bootstrap.min.js"
]

Answer 3

通过终端在 Angular 项目中安装引导程序

npm install bootstrap --save

通过 Angular.Json 文件导入 boostrap

  "styles": [
  "node_modules/bootstrap/dist/css/bootstrap/bootstrap.min.css"
],
"scripts": [
  "node_modules/bootstrap/dist/js/bootstrap/bootstrap.min.js"
]

在终端中运行命令

npm i @popperjs/core

开始服务

ng serve