javascript - Laravel javascript 需要完美的滚动条

Question

我尝试要求 jquery pulgin perfect-scrollbar 到我的 laravel javascript。所以我跑了

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

Assets 是用

编译的

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

只是为了简化你的工作，在 bootstrap.js 文件下处理 要求('完美滚动条'); 只需将其更改为 window.PerfectScrollbar = require('perfect-scrollbar').default; 一切顺利。仅在使用 bootstrap.js 在 laravel 中使用编译 Assets 时回答问题