javascript - $(...).perfectScrollbar は、webpack で JS をビルドする場合の関数エラーではありません

Question

私はで作業し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私の後にCDN経由でコードをロードするとapp.js、私のコードは機能します。

perfect-scrollbarコードをグローバル スコープで正しくインポートして使用できるようにするにはどうすればよいですか?