$(...)。tooltip不是在npm webpack中使用bootstrap 4的函数

我似乎无法使用npm webpack在tooltips中使用bootstrap 4

我刚刚安装了这些节点供应商...

$ npm install jquery
$ npm install bootstrap
$ npm install popper.js --save

我需要像这样的供应商...

global.jQuery = require('jquery/dist/jquery.min.js');

require('bootstrap/dist/js/bootstrap.js');
require('popper.js/dist/popper.min.js');

我已经尝试了distsrc来进行bootstrap和popper.js。

我在所需的供应商之后像这样调用tooltips函数。

(function ($) {

    // enable tooltips for everything
    $('[data-toggle="tooltip"]').tooltip();

})(jQuery);

我总是收到此错误...

$(...)。tooltip不是在npm webpack中使用bootstrap 4的函数

其他自举javascript函数的工作方式类似于modals等。

如果要测试我的确切设置,请先download a test project here,先运行npm install,然后再运行npm run production,然后再查看index.html,以了解错误。

zqscydqyzj 回答:$(...)。tooltip不是在npm webpack中使用bootstrap 4的函数

要么单独导入所需的插件,要么全部加载:

require('bootstrap');

official documentation中的所有内容都得到了很好的解释。

还有许多插件都依赖于$符号,因此最好为该插件起别名:

global.jQuery = global.$ = require('jquery');
,

我为此浪费了一整天,试图用各种 Webpack 插件加载 bootstrap v4-alpha.5 无济于事。
事实证明,在我切换到 preset-env 后,bootstrap 开始“引入”它自己版本的 jQuery v3.6(实际上是 Webpack,通过读取 boostrap 的依赖项),这与我在 {{1} 中拥有的不同}},因此只有 jQuery 被引导程序的插件 (package.json,util,alert,button,carousel,tooltip,...).

解决方案是确保引导程序的 jQuery 解析为我正在使用的版本,这是通过将此条目添加到 popover 来实现的:

package.json

目前只有 "resolutions": { "bootstrap/jquery": "2.2.4" } 支持。
yarn 的类似特征被跟踪 here

本文链接:https://www.f2er.com/2971958.html

大家都在问