我刚刚升级到Bootstrap 4,并意识到Popper.js是一个依赖。我喜欢在本地托管库,因为我有时需要离线工作,但当我尝试离线使用它时,我收到错误unexpected token export
。但是,当我使用cloudflare cdn版本时它可以工作,但是如何在本地托管popper.js?
(我不想为此使用任何包管理。)
谢谢
答案 0 :(得分:2)
因为您还没有阅读过项目的自述文件。
目标
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
。
答案 1 :(得分:1)
点击此页面上的第一个链接,下载官方的引导文件:
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,因为这是今天发布的最新版
答案 2 :(得分:0)
您是否尝试过下载源代码并参考它?
从the github page获取源代码,然后在html中引用它
<script type="text/javascript" src="/path/to/downloaded/popper.js-1.12.5/dist/poppper.js" />
这会起作用吗?
答案 3 :(得分:0)
我也试过下载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 :(得分:0)
如果您通过Popper.js下载
npm安装popper.js
我发现npm软件包与其原始来源https://popper.js.org/之间存在差异。
我只是从其原始源下载popper.js并将其放入新的js文件。它对我有用。
答案 5 :(得分:0)
您可以使用已经包含Popper.js的bootstrap.bundle.min.js
答案 6 :(得分:0)
转到: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 链接(脚本)之间的底部添加这一行: