Question

我刚刚升级到Bootstrap 4，并意识到Popper.js是一个依赖。我喜欢在本地托管库，因为我有时需要离线工作，但当我尝试离线使用它时，我收到错误unexpected token export。但是，当我使用cloudflare cdn版本时它可以工作，但是如何在本地托管popper.js？

（我不想为此使用任何包管理。）

谢谢

Answer 1

因为您还没有阅读过项目的自述文件。

目标

Popper.js目前附带3个目标：UMD，ESM和ESNext。


UMD - 通用模块定义：AMD，RequireJS和全局;

ESM - ES模块：适用于支持规范的webpack / Rollup或浏览器;

ESNext：dist/中提供，可与webpack和babel-preset-env一起使用;


确保根据您的需要使用正确的。如果要使用<script>标记导入它，请使用UMD。

通过| https://github.com/FezVrasta/popper.js#dist-targets

现在你已经阅读项目的自述文件了，你知道如果你想使用带有<script />标签的Popper.js你想要使用umd它的版本。位于dist/umd。

Answer 2

点击此页面上的第一个链接，下载官方的引导文件：

https://getbootstrap.com/docs/4.5/getting-started/download/

然后您可以在css中使用bootstrap.bundle.min.css文件，该文件包含popper.js以及您可能需要的引导程序代码

您可以通过在<head>标签中使用以下代码来使用它：

<link rel="stylesheet" type="text/css" href="path-to/bootstrap-4.5.0/css/bootstrap.bundle.min.css">

我包含了4.5.0，因为这是今天发布的最新版

Answer 3

您是否尝试过下载源代码并参考它？

从the github page获取源代码，然后在html中引用它

<script type="text/javascript" src="/path/to/downloaded/popper.js-1.12.5/dist/poppper.js" />

这会起作用吗？

Answer 4

我也试过下载popper，我试图重新创建你的问题，你是对的。

如果您查看getbootstrap.com页面的“快速入门”部分，则可以在其示例中找到以下行：

<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js" integrity="sha384-b/U6ypiBEHpOf/4+1nzFpr53nxSS+GLCkfwBdFNTxtclqqenISfwAzpKaMNFNmj4" crossorigin="anonymous"></script>

请注意其链接中的 umd 部分。您可以下载该文件并在本地添加它，它将起作用。

PS - 您可能还需要更改jQuery导入。

Answer 5

如果您通过Popper.js下载

npm安装popper.js

我发现npm软件包与其原始来源https://popper.js.org/之间存在差异。

我只是从其原始源下载popper.js并将其放入新的js文件。它对我有用。

Answer 6

您可以使用已经包含Popper.js的bootstrap.bundle.min.js

Answer 7

转到：https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js 右键单击并“另存为...”

你也可以这样做：

https://cdnjs.cloudflare.com/ajax/libs/popper.js/[popper-version]/umd/popper.js

然后在您的代码中，在 Jquery 和 Bootstrap 的 .js 链接（脚本）之间的底部添加这一行：

如何在本地托管popper.js

7 个答案:

目标