Infinte-scroll Rails и Webpacker Не удалось загрузить ресурс: сервер ответил статусом 406 (неприемлемо)

Question

Я попытался успешно воспроизвести учебник GoRails о бесконечной прокрутке со стимулом https://gorails.com/episodes/infinite-scroll-stimulus-js в новом проекте Rails 6, но невозможно воспроизвести в более старом и более крупном обновленном проекте. к рельсам 6, включая webpacker. Я использую Pagy. А цель - прокрутить картинки. Но это не работает, когда я нахожусь внизу страницы и не загружаю страницу 2 автоматически, и я получаю ошибку 406 (неприемлемо) в консоли.

моя Html-лента новостей, где находится Пэджи:

      <div data-controller="infinite-scroll">
    <div data-infinite-scroll-target="entries">
        <%= render "newsfeedpictures" %>
    </div>
    <div data-infinite-scroll-target="pagination">
        <%== pagy_nav(@pagy) %>
    </div>
</div>

частичные изображения ленты новостей:

      <% @pictures.each do |pic| %>
  <% if pic.image.attached? %>
      <% image_tag(pic.try(:hd_image), :secure => true, class: "img-responsive") %>
  <% end %>
<% end %>

Контроллер:

      @pagy, @pictures = pagy(Picture.order(created_at: :desc), items: 5)

respond_to do |format|
  format.html
  format.json {
    render json: { entries: render_to_string(partial: "newsfeedpictures", formats: [:html]), pagination: view_context.pagy_nav(@pagy) }
  }
end

Бесконечная прокрутка js, где, я думаю, проблема:

        loadMore() {
    let next_page = this.paginationTarget.querySelector("a[rel='next']")
    if (next_page == null) { return }
    let url = next_page.href
    console.log("loadmore");

    Rails.ajax({
      type: 'GET',
      url: url,
      dataType: 'json',
      success: (data) => {
        console.log(data)
        this.entriesTarget.insertAdjacentHTML('beforeend', data.entries)
        this.paginationTarget.innerHTML = data.pagination
      }
    })
  }

Ответ сервера, когда я прокручиваю внизу:

      Started GET "/pictures/newsfeed?locale=fr&page=2" for 127.0.0.1 at 2021-06-13 17:27:27 +0200
Processing by PicturesController#newsfeed as GEOJSON
  Parameters: {"locale"=>"fr", "page"=>"2"}
  User Load (0.2ms)  SELECT "users".* FROM "users" WHERE "users"."id" = ? ORDER BY "users"."id" ASC LIMIT ?  [["id", 1], ["LIMIT", 1]]
   (0.2ms)  SELECT COUNT(*) FROM "pictures"
Completed 406 Not Acceptable in 5ms (ActiveRecord: 0.4ms | Allocations: 1468)


User excluded error: #<ActionController::UnknownFormat: PicturesController#newsfeed is missing a template for this request format and variant.

request.formats: ["application/json", "text/javascript", "*/*"]
request.variant: []>
  
ActionController::UnknownFormat (PicturesController#newsfeed is missing a template for this request format and variant.

request.formats: ["application/json", "text/javascript", "*/*"]
request.variant: []):

Консоль в Chrome:

      rails-ujs.js:216 GET http://localhost:3000/pictures/newsfeed?locale=fr&page=2 406 (Not Acceptable)
./node_modules/@rails/ujs/lib/assets/compiled/rails-ujs.js.Rails.ajax @ rails-ujs.js:216
loadMore @ infinite_scroll_controller.js:37
(anonymous) @ infinite_scroll_controller.js:26
processIntersectionEntries @ infinite_scroll_controller.js:24
(anonymous) @ infinite_scroll_controller.js:12

Строка 216rails-ujs.js - это

          if (xhr.readyState === XMLHttpRequest.OPENED) {
      return xhr.send(options.data);
    }

Кажется, что с json все в порядке, потому что у меня что-то есть по этому URL: http: // localhost:3000 / pictures / newsfeed.json? Locale =fr И я думаю, что проблема связана с Rails.ajax dataType: 'json'