javascript - $(...).perfectScrollbar 不是用 webpack 构建 JS 的函数错误

Question

我正在Laravel 5.6与.app.jswebpack

我安装了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。