Rails 6-Javascript：未捕获的ReferenceError：未定义笔芯

Question

我正在尝试在Rails 6应用上设置Quill。当我将js文件放入html时，它看起来像这样：new.html.erb

<div id="editor">
  <p>Hello World!</p>
</div>

<script src="https://cdn.quilljs.com/1.3.6/quill.js"></script>

<!-- Initialize Quill editor -->
<script>
  var quill = new Quill('#editor', {
    theme: 'snow'
  });
</script>

但是，当我尝试运行本地js文件时，它给我一个错误

Uncaught ReferenceError: Quill is not defined
    at Object../app/javascript/src/editor.js (editor.js:1)

这是我的application.js文件

require("@rails/ujs").start()
require("turbolinks").start()
require("@rails/activestorage").start()
require("channels")
require("src/quill.js")
require("src/editor.js")

这是我的editor.js文件

var quill = new Quill('#editor', {
      theme: 'snow'
    });

和quilljs是整个库文件。

我的application.html.erb也具有此标签

    <%= javascript_pack_tag 'application', 'data-turbolinks-track': 'reload' %>

两个js文件都可以加载，因为我可以看到我在控制台中设置的console.log值。我不确定自己在做什么错，似乎没有人遇到类似的问题。

Answer 1

您的asset.rb是否拥有它？

Rails.application.config.assets.precompile += %w( application.js )