Ich stecke fest, Quilljs zu einer Rails 5.1 App über Webpack

Question

hinzufügen Ich habe versucht, Quill-Editor zu meiner App hinzuzufügen, aber es funktioniert nicht.

1. habe ich eine Rails 5.1 App mit --webpack und dann lief ich rails webpacker:install
2. Ich lief yarn add quill und rails webpacker:compile
3. I <%= javascript_pack_tag 'application' %>-Layouts/application.html.erb

4. In Packs hinzugefügt /application.js Ich habe:

   import Quill from 'quill';

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

5. In _form.html.erb:

   <%= form.text_field :content, id: :article_content %>

6. Ich lief rails s und .bin/webpack-dev-server

7. In Konsole bekomme ich einen Fehler: quill Invalid Quill container #article_content

Was habe ich falsch gemacht?

Answer 1

Es ist nicht klar, wenn _form.html.erb eingeschlossen wird, aber dieser Fehler bedeutet, wenn new Quill ausgeführt wurde, gab es kein DOM-Element auf der Seite, die der Eingabeabfrage entsprach. Speziell für Ihren Fall bedeutet dies, dass auf der Seite kein Element mit der ID article_content vorhanden war.