Laravel JavaScript需要Perfect-scrollbar

Question

我尝试要求perfect-scrollbar对我的laravel javascript 进行jquery插件。所以我跑了

npm install perfect-scrollbar

在我的Javascript文件的第1行（位于下方ressources/assets/javascript/material-dashboard/myfile.js）中，我需要使用此尝试的插件

require('perfect-scrollbar');

该myscript.js需要的app.js用require('./material-dashboard/myscript.js')

现在浏览器控制台告诉我

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

资产与

npm run dev

内容 myscript.js

require('perfect-scrollbar');

(function() {
  isWindows = navigator.platform.indexOf('Win') > -1 ? true : false;

  if (isWindows) {
    // if we are on windows OS we activate the perfectScrollbar function
    $('.sidebar .sidebar-wrapper, .main-panel').perfectScrollbar();

    $('html').addClass('perfect-scrollbar-on');
  } else {
    $('html').addClass('perfect-scrollbar-off');
  }
})();

怎么了？

谢谢你的帮助！

Answer 1

为了简化您的工作，在处理require（'perfect-scrollbar'）;的 bootstrap.js文件下 ； 只需将其更改为 window.PerfectScrollbar = require（'perfect-scrollbar'）。default; 这样您就很好了。仅在通过bootstrap.js在laravel中使用编译资产时回答问题