gpt4 book ai didi

javascript - 通过 RequireJS 加载 PopperJS 和 Bootstrap 的问题,即使在使用推荐的 PopperJS 版本之后

转载 作者:数据小太阳 更新时间:2023-10-29 05:56:50 26 4
gpt4 key购买 nike

我正在尝试通过 requirejs 加载 jquery、popperjs 和 bootstrap (v4-beta),并且在控制台中我不断收到:

Uncaught Error: Bootstrap dropdown require Popper.js (https://popper.js.org)
at bootstrap.js:6
at bootstrap.js:6
at bootstrap.js:6

这是我的主要代码:

requirejs.config({

paths: {
'jquery': 'lib/jquery',
'popper': 'lib/popper',
'bootstrap': 'lib/bootstrap'
},

shim: {
'bootstrap': ['jquery', 'popper']
}

});

requirejs(['jquery', 'popper', 'bootstrap'], function(jquery, popper, bootstrap) {});

关于加载 popper.js 和使用 requirejs Bootstrap 的问题,已经被问过几次了。 ,我使用的是引用 here 的 umd 版本.

一切都正确加载到页面中:

<script data-main="js/main.js" src="js/require.js"></script>
<script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="main" src="js/main.js"></script>
<script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="jquery" src="js/lib/jquery.js"></script>
<script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="popper" src="js/lib/popper.js"></script>
<script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="bootstrap" src="js/lib/bootstrap.js"></script>

我对为什么我仍然收到此错误感到困惑,并开始认为这是我的 require 配置的问题。有什么想法吗?

最佳答案

或者-“bootstrap.com/contents”:捆绑的 JS 文件(bootstrap.bundle.js 和缩小的 bootstrap.bundle.min.js)包括 Popper,但不包括 jQuery。

所以我把它添加到我的图书馆。更改了名称(“bootstrap.bundle.min.js”->“bootstrap.min”),为 bootstrap 创建了一个路径,为 jquery 创建了一个 shim。似乎对我有用。

关于javascript - 通过 RequireJS 加载 PopperJS 和 Bootstrap 的问题,即使在使用推荐的 PopperJS 版本之后,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46004087/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com