Javascript 轨道6+；Webpack document.addEventListener不工作

我的代码如下所示

// app/javascript/packs/application.js
import 'select2';
document.addEventListener(
  'turbolinks:load', function() {
    jQuery('#post_category_ids').select2();
  } 
);

// app/javascript/packs/quill.js
import Quill from 'quill';
document.addEventListener(
  'turbolinks:load', function() {
    var quill = new Quill('#editor', {
      modules: {
        toolbar: true
      },
      theme: 'snow'
    });

    quill.on('text-change', function(delta, oldDelta, source) {
      $('#editorable').val(quill.container.firstChild.innerHTML);
    });
  }
);

quill.js中的addEventListener未启动。我可以让鹅毛笔编辑器只在硬重新加载工作。如果我将所有代码放在application.js中的AddEventListener中，那么quill加载得很好，没有硬刷新

---

如何解决这个问题？

解决了这个问题。我在_form.html.erb中使用javascript_pack_tag helper。 “turbolinks:load”似乎在那里不可用。我将javascript_pack_标记帮助程序移动到application.html.erb

# app/views/layouts/application.html.erb
<%= javascript_pack_tag 'quill', 'data-turbolinks-track': 'reload' if action_name == "edit" %>

#app/views/layouts/application.html.erb

---

…一切正常。

解决了问题。我在_form.html.erb中使用javascript_pack_tag helper。 “turbolinks:load”似乎在那里不可用。我将javascript_pack_标记帮助程序移动到application.html.erb

# app/views/layouts/application.html.erb
<%= javascript_pack_tag 'quill', 'data-turbolinks-track': 'reload' if action_name == "edit" %>

#app/views/layouts/application.html.erb

…一切都按预期进行