Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/426.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使用webpack 4.44 ProvidePlugin/exports loader加载引导4.5 JS依赖项_Javascript_Jquery_Webpack_Bootstrap 4 - Fatal编程技术网

Javascript 如何使用webpack 4.44 ProvidePlugin/exports loader加载引导4.5 JS依赖项

Javascript 如何使用webpack 4.44 ProvidePlugin/exports loader加载引导4.5 JS依赖项,javascript,jquery,webpack,bootstrap-4,Javascript,Jquery,Webpack,Bootstrap 4,我正在学习网页包。我将jQuery与引导一起使用,因此希望在我的设置中导出工具提示。我已在我的插件中启用了它们: entry: {base: './src/static/js/modules/pages/base.js'} plugins: [ new webpack.ProvidePlugin({ $: 'jquery', jQuery: 'jquery', 'window.jQuery': 'jquery', Popper: ['

我正在学习网页包。我将jQuery与引导一起使用,因此希望在我的设置中导出工具提示。我已在我的插件中启用了它们:

 entry: {base: './src/static/js/modules/pages/base.js'}

 plugins: [
    new webpack.ProvidePlugin({
      $: 'jquery',
      jQuery: 'jquery',
      'window.jQuery': 'jquery',
      Popper: ['popper.js', 'default'],
      Tooltip: 'exports-loader?Tooltip!bootstrap/js/dist/tooltip',
      Popover: 'exports-loader?Popover!bootstrap/js/dist/popover',
      Dropdown: 'exports-loader?Dropdown!bootstrap/js/dist/dropdown',
      Modal: 'exports-loader?Modal!bootstrap/js/dist/modal',
      Tab: 'exports-loader?Tab!bootstrap/js/dist/tab',
      Util: 'exports-loader?Util!bootstrap/js/dist/util',
    }),
然而,当在
base.js
中初始化工具提示时,我得到
未捕获的类型错误:$(…)。工具提示不是一个函数

$(() => {
  $('[data-toggle="tooltip"]').tooltip();
});
当我直接在
base.js
中加载这些依赖项时,它可以正常工作:

import 'popper.js';
import 'bootstrap/js/dist/tooltip';
import 'bootstrap/js/dist/popover';
import 'bootstrap/js/dist/dropdown';
import 'bootstrap/js/dist/modal';
import 'bootstrap/js/dist/tab';
import 'bootstrap/js/dist/collapse';
import 'bootstrap/js/dist/util';
这说明我在插件中尝试使用
exports loader
时没有正确初始化它们。但是,Jquery已加载并按预期工作

我哪里做错了

我正在使用
bootstrap4.5.0
webpack4.44.0
导出加载程序1.1.0