Rails 6无限滚动未捕获ReferenceError：InfiniteScroll未定义

Question

我正在为我的应用添加无限滚动功能，当滚动到页面末尾时，无限滚动库会自动获取数据并附加到页面中。

我正在使用 metafizzy 的这个库： https://infinite-scroll.com/

Rails 6 应用程序使用 webpacker 编译 js 文件、libs。我按此顺序安装无限滚动：

yarn add infinite-scroll

在app/javascript/packs/application.js:

require("infinite-scroll");

var elem = document.querySelector(".container");
var infScroll = new InfiniteScroll(elem, {
  // options
  path: ".pagination__next",
  append: ".post",
  history: false
});

但是，在运行应用程序时出现此错误：

application.js:21 Uncaught ReferenceError: InfiniteScroll is not defined
    at Object../app/javascript/packs/application.js (application.js:21)
    at __webpack_require__ (bootstrap:19)
    at Object.0 (log.js:56)
    at __webpack_require__ (bootstrap:19)
    at bootstrap:83
    at bootstrap:83

这是一个示例项目： https://github.com/truongnmt/rails-6-infinite-scroll-sample

Answer 1

使用这个

var InfiniteScroll = require('infinite-scroll');

var infScroll = new InfiniteScroll('.container', {
  // options
  path: ".pagination__next",
  append: ".post",
  history: false
});

docs