entityMap|blocks|key|4bfpi|text|项目的README.md|type|unstyled|depth|inlineStyleRanges|entityRanges|data|53q6n|将有助于解决这个问题：|d55ms|Dist目标|7datl|Popper.js目前有3个目标:+UMD，ESM和ESNext。|6a232|5r565|通用模块定义:+AMD，RequireJS和globals|unordered-list-item|7f4c2|ESM+-+ES模块:用于支持规范的webpack/Rollup或浏览器；|3hl1h|ESNext:在dist/，可以与webpack和babel-preset-env；|2m0f5|确保根据您的需要使用正确的一个。如果要使用|5fq8n|</code>+tag,+use+UMD.+</blockquote>+Hence,+if+you+want+to+use+Popper.js+with+a+<code><script+/></code>+tag,+you+want+to+use+the+<code>umd</code>+version+of+it.+Located+in+<a+href="https://github.com/FezVrasta/popper.js/tree/v1.12.5/dist/umd"+rel="nofollow+noreferrer"><code>dist/umd</code></a>.|canp5^0|0|0|0|0|0|0|0|0|0|0^^$0|$]|1|@$2|3|4|5|6|7|8|V|9|@]|A|@]|B|$]]|$2|C|4|D|6|7|8|W|9|@]|A|@]|B|$]]|$2|E|4|F|6|7|8|X|9|@]|A|@]|B|$]]|$2|G|4|H|6|7|8|Y|9|@]|A|@]|B|$]]|$2|I|4|-4|6|7|8|Z|9|@]|A|@]|B|$]]|$2|J|4|K|6|L|8|10|9|@]|A|@]|B|$]]|$2|M|4|N|6|L|8|11|9|@]|A|@]|B|$]]|$2|O|4|P|6|L|8|12|9|@]|A|@]|B|$]]|$2|Q|4|R|6|7|8|13|9|@]|A|@]|B|$]]|$2|S|4|T|6|7|8|14|9|@]|A|@]|B|$]]|$2|U|4|-4|6|7|8|15|9|@]|A|@]|B|$]]]]

The <a href="https://github.com/FezVrasta/popper.js#dist-targets" rel="nofollow noreferrer">README.md of the project</a> will help sort this out:
<blockquote>
<h3>Dist targets</h3>
Popper.js is currently shipped with 3 targets in mind: UMD, ESM and ESNext.
<ul>
<li>UMD - Universal Module Definition: AMD, RequireJS and globals;</li>
<li>ESM - ES Modules: For webpack/Rollup or browser supporting the spec;</li>
<li>ESNext: Available in <code>dist/</code>, can be used with webpack and <code>babel-preset-env</code>;</li>
</ul>
Make sure to use the right one for your needs. If you want to import it with a <code>&lt;script&gt;</code> tag, use UMD.
</blockquote>
Hence, if you want to use Popper.js with a <code>&lt;script /&gt;</code> tag, you want to use the <code>umd</code> version of it. Located in <a href="https://github.com/FezVrasta/popper.js/tree/v1.12.5/dist/umd" rel="nofollow noreferrer"><code>dist/umd</code></a>.

entityMap|blocks|key|2lt2c|text|您可以使用已经包含Popper.js的bootstrap.bundle.min.js|type|unstyled|depth|inlineStyleRanges|entityRanges|data^0^^$0|$]|1|@$2|3|4|5|6|7|8|C|9|@]|A|@]|B|$]]]]

you can use bootstrap.bundle.min.js which already contain Popper.js

entityMap|blocks|key|7ktl0|text|我也试过下载popper，我试着重现你的问题，你是对的。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|cieoh|如果您选中的快速入门部分getbootstrap.com页面上，您可以在它们的示例中找到以下行：|lti6|请注意umd他们的链接的一部分。您可以下载该文件并将其添加到本地，它将正常工作。|4gqlt|PS+-您可能还需要更改您的jQuery导入。^0|0|0|0^^$0|$]|1|@$2|3|4|5|6|7|8|I|9|@]|A|@]|B|$]]|$2|C|4|D|6|7|8|J|9|@]|A|@]|B|$]]|$2|E|4|F|6|7|8|K|9|@]|A|@]|B|$]]|$2|G|4|H|6|7|8|L|9|@]|A|@]|B|$]]]]

I also tried downloading popper and I tried to recreate your problem, and you are correct.

If you check the Quick Start section of <a href="https://getbootstrap.com/docs/4.0/getting-started/introduction/" rel="nofollow noreferrer">getbootstrap.com</a> page, you can find the following line in their example:

<pre><code>&lt;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"&gt;&lt;/script&gt;
</code></pre>

Note the umd part in their link. You can download that file and add it locally and it will work.

PS - You may also have to change your jQuery import.

entityMap|blocks|key|538d4|text|单击此页面上的第一个链接下载官方引导程序文件：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4im6p|https://getbootstrap.com/docs/4.5/getting-started/download/|81l2|然后，您可以在css中使用包含popper.js的bootstrap.bundle.min.css文件以及您可能需要的引导程序代码|fdvr|您可以通过在标记中使用以下代码来使用它：|8m94o|我包含了4.5.0，因为它是当前bootstrap的最新版本^0|0|0|0|0^^$0|$]|1|@$2|3|4|5|6|7|8|K|9|@]|A|@]|B|$]]|$2|C|4|D|6|7|8|L|9|@]|A|@]|B|$]]|$2|E|4|F|6|7|8|M|9|@]|A|@]|B|$]]|$2|G|4|H|6|7|8|N|9|@]|A|@]|B|$]]|$2|I|4|J|6|7|8|O|9|@]|A|@]|B|$]]]]

Download the official bootstrap files by clicking the first link on this page:

<a href="https://getbootstrap.com/docs/4.5/getting-started/download/" rel="nofollow noreferrer">https://getbootstrap.com/docs/4.5/getting-started/download/</a>

You can then use the bootstrap.bundle.min.css file in css which contains popper.js as well as the bootstrap code you might need

you can use it by using this code in your <code>&lt;head&gt;</code> tag:

<pre><code>&lt;link rel="stylesheet" type="text/css" href="path-to/bootstrap-4.5.0/css/bootstrap.bundle.min.css"&gt;
</code></pre>

I included 4.5.0 because that is the current version of bootstrap out there today

entityMap|blocks|key|cosdf|text|只需下载源代码并参考即可|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2avk1|获取源代码github页面，然后在html中引用它。|bg8ai|</code></pre>|code-block|syntax|javascript^0|0|0^^$0|$]|1|@$2|3|4|5|6|7|8|J|9|@]|A|@]|B|$]]|$2|C|4|D|6|7|8|K|9|@]|A|@]|B|$]]|$2|E|4|F|6|G|8|L|9|@]|A|@]|B|$H|I]]]]

Just download the source code and refer to it
Get the source code from <a href="https://github.com/FezVrasta/popper.js/releases" rel="nofollow noreferrer">the github page</a>, then refer to it in your html
<pre><code>&lt;script type=&quot;text/javascript&quot; src=&quot;/path/to/downloaded/popper.js-1.12.5/dist/poppper.js&quot; /&gt;
</code></pre>

entityMap|blocks|key|52vo9|text|如果你下载Popper.js|type|unstyled|depth|inlineStyleRanges|entityRanges|data|8b31p|npm安装popper.js|d1lrt|1uakn|我发现npm包和它的原始源码有不同之处。https://popper.js.org/。|3h9gn|我只是从其原始源代码下载popper.js并将其放入新的js文件。这对我很有效。^0|0|0|0|0^^$0|$]|1|@$2|3|4|5|6|7|8|J|9|@]|A|@]|B|$]]|$2|C|4|D|6|7|8|K|9|@]|A|@]|B|$]]|$2|E|4|-4|6|7|8|L|9|@]|A|@]|B|$]]|$2|F|4|G|6|7|8|M|9|@]|A|@]|B|$]]|$2|H|4|I|6|7|8|N|9|@]|A|@]|B|$]]]]

If you download Popper.js though 

<blockquote>
 npm install popper.js
</blockquote>

I found there are difference between npm package and its original source which is here <a href="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" rel="nofollow noreferrer">https://popper.js.org/</a>.

I just download popper.js from its original source and put it new js file. It worked for me.

entityMap|blocks|key|7fhcv|text|请访问：https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js|type|unstyled|depth|inlineStyleRanges|entityRanges|data|dkhqp|单击鼠标右键并单击“另存为...”|9bkvj|您可以使用以下命令执行相同的操作：https://cdnjs.cloudflare.com/ajax/libs/popper.js/[popper-version]/umd/popper.js|1s8v7|然后在您的代码中，在Jquery和Bootstrap的.js链接(脚本)之间添加下面这一行：^0|0|0|0^^$0|$]|1|@$2|3|4|5|6|7|8|I|9|@]|A|@]|B|$]]|$2|C|4|D|6|7|8|J|9|@]|A|@]|B|$]]|$2|E|4|F|6|7|8|K|9|@]|A|@]|B|$]]|$2|G|4|H|6|7|8|L|9|@]|A|@]|B|$]]]]

go to : <a href="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" rel="nofollow noreferrer">https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js</a>
the right click and &quot;save as...&quot;
you can do the same with :
<a href="https://cdnjs.cloudflare.com/ajax/libs/popper.js/%5Bpopper-version%5D/umd/popper.js" rel="nofollow noreferrer">https://cdnjs.cloudflare.com/ajax/libs/popper.js/[popper-version]/umd/popper.js</a>
and then in your code you add this line at the bottom between Jquery's and Bootstrap's .js link (script) :

I just upgraded to Bootstrap four and realized <a href="https://popper.js.org/" rel="nofollow noreferrer">Popper.js</a> was a dependency. I like to host libraries locally, as I sometimes need to work offline, but when I try to use it offline, I get an error <code>unexpected token export</code>. It works, however, when I use the Cloudflare CDN version, but how can I host popper.js locally?
(I don't want to use a package manager for this.)

How to host popper.js locally

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

教程

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云智能顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云AI代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

功能1上新10个字符

功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符。

功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符。

功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符

功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符

功能4上新

文章&问答评论现已支持表情

全新交互，全新视觉，新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能，全面提升创作效率和体验

社区富文本编辑器全新改版！诚邀体验～ 

精选全网热门MCP server，让你的AI更好用 🚀

💥开发者 MCP广场重磅上线！

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

聚焦“写作效率、视觉美观与运行性能”三方面进行全面升级，为您提供更高效、稳定的创作环境

社区富文本&Markdown编辑器全新改版上线，欢迎大家体验!

诚挚邀请您参与本次调研，分享您的真实使用感受与建议。您的反馈至关重要，感谢您的支持与参与！

社区新版编辑器体验调研

 我刚刚升级到Bootstrap 4并且意识到Popper.js是一种依赖。我喜欢在本地托管库，因为我有时需要脱机工作，但当我尝试脱机使用它时，我得到一个错误unexpected token export。然而，当我使用Cloudflare CDN版本时，它可以工作，但我如何在本地托管popper.js？ (我不想为此使用包管理器。)

问如何在本地托管popper.js
EN

回答 7

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在本地托管popper.jsEN

回答 7

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在本地托管popper.js
EN