Bootstrap 4:未捕获的ReferenceError:未定义Popper

Question

Bootstrap 4:未捕获的ReferenceError:未定义Popper

Web*_*olf 53 javascript jquery bootstrap-4

我使用Node和Gulp安装了Bootstrap 4,运行应用程序时出现以下错误

未捕获的ReferenceError:未定义Popper

到目前为止我只使用了Bootstrap网格系统,而且我没有使用任何需要Bootstrap JS的东西.在我看来像Bootstrap缺少一些东西或我没有正确安装(说实话,这可能是我) - 有没有其他人遇到同样的问题或知道修复？

Answer 1

Joh*_*n-S 51

由于我们的引导Beta 2的版本中,我们增加了两个新的DIST文件:bootstrap.bundle.js和bootstrap.bundle.min.js含有Popper.js内

另外使用此链接查找Popper.js的最新版本:https://cdnjs.com/libraries/popper.js,因为上面的链接版本(1.8.2)非常旧,最新版本为1.12.9

顺便说一下,你应该选择Popper.js的UMD版本,因为它是Bootstrap使用的版本

Answer 2

小智 23

使用bootstrap.bundle.js已有popper.js NPM路径'引导/距离/ JS/bootstrap.bundle.js' .

Answer 3

Eur*_*zos 15

对于那些在Webpack上遇到这个问题的人:在你的输入文件中,
导入'bootstrap'确实会出错.你需要删除它并用import'bootstrap/dist/js/bootstrap.bundle.js'替换它

这已足够,您无需单独导入Popper.这适用于bootstrap 4.0.0.beta2

Answer 4

Abd*_*lol 13

在我的例子中,事实证明应该在bootstrap.js之前调用popper.js脚本.

<script src="https://../popper.js/1.12.3/umd/popper.min.js"></script>
<script src="https://../bootstrap/4.0.0-beta.2/js/bootstrap.min.js"></script>

Run Code Online (Sandbox Code Playgroud)

Answer 5

Ric*_*h_F 5

我遇到了同样的问题，并且在一个简单的轮播上玩了半天。Mac 上的 Safari 没有正确提供反馈，因为库优先：

    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/css/bootstrap.min.css">

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.6/umd/popper.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/js/bootstrap.min.js"></script>

Run Code Online (Sandbox Code Playgroud)

回顾我遇到的错误“你需要在 BS 之前使用 JQ 才能工作”，所以我尝试了它，也放在PopperBS 之前。

所以我在我的所有这些<head>和繁荣中都奏效了。

归档时间：	7 年，10 月前
查看次数：	54123 次
最近记录：	6 年，12 月前