如何在本地托管 popper.js
[英]How to host popper.js locally
问题描述
我刚刚升级到 Bootstrap 4 并意识到Popper.js是一个依赖项。 我喜欢在本地托管库，因为我有时需要离线工作，但是当我尝试离线使用它时，我收到了一个错误异常unexpected token export 。 但是，当我使用 Cloudflare CDN 版本时它可以工作，但是如何在本地托管 popper.js？
（我不想为此使用包管理器。）
7 个解决方案
解决方案1
6 已采纳 2017-09-25 13:12:35
分布目标
Popper.js 目前有 3 个目标：UMD、ESM 和 ESNext。
- UMD - 通用模块定义：AMD、RequireJS 和 globals；
- ESM - ES Modules：用于支持规范的 webpack/Rollup 或浏览器；
- ESNext：在
dist/可用，可以与 webpack 和babel-preset-env；确保使用适合您的需求的产品。 如果要使用
<script>标签导入它，请使用 UMD。
因此，如果您想使用带有<script />标签的 Popper.js，您需要使用它的umd版本。 位于dist/umd 。
解决方案2
4 2019-12-23 08:50:38
你可以使用已经包含 Popper.js 的 bootstrap.bundle.min.js
解决方案3
1 2017-09-20 04:16:45
我也尝试下载 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 导入。
解决方案4
1 2020-06-14 15:50:49
单击此页面上的第一个链接下载官方引导程序文件：
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 因为这是今天的引导程序的当前版本
解决方案5
0 2017-09-20 04:05:59
只需下载源代码并参考即可
从github 页面获取源代码，然后在您的 html 中引用它
<script type="text/javascript" src="/path/to/downloaded/popper.js-1.12.5/dist/poppper.js" />
解决方案6
0 2018-07-05 07:30:55
如果你下载了 Popper.js
npm 安装 popper.js
我发现 npm 包和它的原始来源有区别，这里是https://popper.js.org/ 。
我只是从原始源下载 popper.js 并将其放入新的 js 文件中。 它对我有用。
解决方案7
0 2021-02-26 03:21:29
转到： 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 链接（脚本）之间的底部添加此行：
如何在 angular 项目中包含 popper.js 和 bootstrap.js
[英]How to include popper.js and bootstrap.js in angular project
如何为Bootstrap4弹出窗口和工具提示（Popper.js）配置Webpack
[英]How to configure webpack for Bootstrap4 Popups and Tooltips (Popper.js)
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.