$(…).使用webpack构建JS时,perfectScrollbar不是函数错误

我和 Laravel 5.6 建立我的 app.js 具有 webpack .

我安装了 npm perfect-scrollbar 但我不能让它工作。当我加载页面时,我得到:

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

我的js引导程序是:

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 在我的 应用程序。js 那我的代码就行了。

如何正确导入 完美滚动条 并使其适用于代码的全球范围?