使用luckysheet报错：luckysheet.umd.js:26 Uncaught TypeError: $(...).mousewheel is not a function

最新推荐文章于 2024-12-20 21:21:32 发布

原创最新推荐文章于 2024-12-20 21:21:32 发布 · 6.3k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#luckysheet

在React项目中集成luckysheet时遇到一个错误，提示'luckysheet.umd.js:26 Uncaught TypeError: $(…).mousewheel is not a function'。问题的根源在于项目自身引入的jQuery与luckysheet内部使用的jQuery版本冲突。解决方法是确保在引入luckysheet之前引入jQuery，通过调整script标签的顺序，使得jQuery库先加载，从而避免该错误。

使用luckysheet报错：luckysheet.umd.js:26 Uncaught TypeError: $(…).mousewheel is not a function
在这里插入图片描述
原因是项目本身引入了jQuery，而luckysheet中也使用了jQuery。

我的项目框架为react，解决方案是把jQuery的引用放在uckysheet的引用前

  <script src="node_modules/jquery/dist/jquery.min.js"></script>
  <link rel='stylesheet' href='public/lib/luckysheet/css/pluginsCss.css' />
  <link rel='stylesheet' href='public/lib/luckysheet/css/plugins.css' />
  <link rel='stylesheet' href='public/lib/luckysheet/css/luckysheet.css' />
  <link rel='stylesheet' href='public/lib/luckysheet/css/iconfont.css' />
  <script src="public/lib/luckysheet/js/plugin.js"></script>
  <script src="public/lib/luckysheet/js/luckysheet.umd.js"></script>