使用webpack

Question

我正在使用Laravel 5.6并使用app.js构建webpack。

我安装了npm perfect-scrollbar，但我无法让它工作。当我加载页面时，我得到：

Uncaught TypeError: $(...).perfectScrollbar is not a function

我的js bootstrap是：

try {

    window.$ = window.jQuery = require('jquery');
    require('popper.js/dist/umd/popper');
    require('./bootstrap/bootstrap.bundle');

} catch (e) {
}

import PerfectScrollbar from 'perfect-scrollbar';

我也尝试过：

const PerfectScrollbar = require('perfect-scrollbar');
window.PerfectScrollbar = require('perfect-scrollbar');

我像这样初始化滚动条：

$('.sidebar .sidebar-wrapper, .main-panel').perfectScrollbar();

如果我在perfect-scrollbar之后通过CDN加载app.js代码，那么我的代码就可以运行。

如何正确导入perfect-scrollbar并使其可用于代码的全局范围？

Answer 1

我有同样的问题。解决方法是通过webpack 全局公开jQuery（作为外部公开，或通过暴露插件）。