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

Question

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

我安装了npm 完美滚动条，但我无法让它工作。当我加载页面时，我得到：

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并使其可用于代码的全局范围？

Answer 1

我也有过同样的问题。修复方法是通过webpack(作为外部的，或者通过公开插件)全面公开jquery。