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

Question

我似乎无法获得 tooltips在 bootstrap 4 工作使用 npm webpack。

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

$ 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');

我已经为 bootstrap 和 popper.js 尝试了 dist 和 src。

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

(function ($) {

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

})(jQuery);

而且我总是收到这个错误...

其他 bootstrap javascript 函数的工作方式类似于 modals等等

如果您想测试我的确切设置，download a test project here只需运行 npm install 然后 npm run production 并查看 index.html 是否有错误。

Answer 1

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

require('bootstrap');

一切都在 official documentation 中得到了很好的解释。 .

还有很多插件依赖于 $ 符号，所以最好也给这个起个别名:

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