Rails 6 бесконечной прокрутки Uncaught ReferenceError: InfiniteScroll не определен - PullRequest
Новая
       27

Rails 6 бесконечной прокрутки Uncaught ReferenceError: InfiniteScroll не определен

1 голос
/ 16 февраля 2020

Я добавляю бесконечную прокрутку к своему приложению, при прокрутке до конца страницы библиотека бесконечной прокрутки автоматически выбирает данные и добавляет их на страницу.

Я использую эту библиотеку из 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

1 Ответ

1 голос
/ 16 февраля 2020

используйте это 

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

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

документы

...