Turbolinks, динамический импорт (file.js), перезагрузки d3

Question

ВОСПРОИЗВЕДЕНИЕ: https://glitch.com/edit/

Я использую Stimulus с Turbolinks, и мне нужно динамически импортировать много js в контроллеры.

Код, который я использую в main.js является:

window.Turbolinks.start()

window.application = window.Stimulus.Application.start()

const IsPreviewPage = () => document.documentElement.hasAttribute('data-turbolinks-preview')

const divID = 'about_graphic'

window.application.register("about", class extends window.Stimulus.Controller {
  async initialize () {
    console.log("About, initialize()")

    if (IsPreviewPage()) {
      return
    }  

    const aboutD3 = await import("./about.js")
    aboutD3.loadChart()
  }
})

ЭТА ПРОБЛЕМА

Если я перейду к /about при первом появлении диаграммы.

Затем я перехожу к /index.

Когда я вернусь на /about страницу d3 график перезагружается (вы можете увидеть мигание после страницы предварительного просмотра по турболинкам).

Как избежать перезагрузки?

В этом я не использую динамический импорт, и он не перезагружается: https://glitch.com/edit/

Answer 1

Решение поставлено<meta name="turbolinks-cache-control" content="no-preview">в голове. С уважением