如何在本地托管 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.