轨道 6 无限滚动 未捕获的引用错误:未定义无限滚动

Question

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

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

Rails 6应用程序使用webpacker编译js文件，库。我正在按以下顺序安装无限滚动：

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
});

文档