rails 5.2 конвейер активов Webpacker

Question

Привет, у меня возникли проблемы с приложением, которое я начал использовать шаблон jumpstart из gorails.

Я обнаружил, что я изо всех сил пытаюсь заставить мои js работать.Для этого примера (их много) я буду использовать редактор trix.

Я следую инструкциям

Добавить trix-rails в ваш Gemfile:

gem 'trix-rails', require: 'trix'

Запустить установку пакетаи перезапустите сервер, чтобы сделать файлы доступными через конвейер.

Импорт стилей Trix в app / assets / stylesheets / application.css:

*= require trix

Требование магии Trix Javascript в приложении / assets/javascripts/application.js:

//= require trix

но я получаю пустое поле вроде этого

Это начинает убивать мойВибе.и я уверен, что это потому, что я не до конца понимаю, как работает конвейер с webpacker.

<%= simple_form_for(@article) do |f| %>
  <%= f.error_notification %>
  <%= f.error_notification message: f.object.errors[:base].to_sentence if f.object.errors[:base].present? %>

  <div class="form-inputs">
    <%= f.input :title %>
    <%= f.input :content, as: :trix_editor %>
  </div>

  <div class="form-actions">
    <%= f.button :submit %>
  </div>
<% end %>

любая помощь будет оценена.Поскольку я использую webpacker, я должен поместить javascript и css где-нибудь еще?

Answer 1

Насколько я знаю, webpacker не проходит через конвейер активов. Если у вас есть проект Rails 5.x, вы можете использовать конвейер ресурсов (проверьте версию Rails в gemfile) рядом с webpacker.

С тем же шаблоном я заставил его работать, выполнив следующие действия:

• добавить в gemfile как вы и bundle install
• yarn add trix в командной строке
• добавить @import "trix"; к app/assets/stylesheets/application.scss
• и затем, из-за установки пряжи, вы можете импортировать ее в «новую» папку javascript app/javascript/packs/application.js примерно так: import 'trix'

С тем же html-кодом редактор теперь отлично подходит мне:)