javascript - Rails 5.2 Webpacker Assets 管道

嗨，我遇到了一个应用程序的麻烦，我开始使用gorails中的jumpstart模板。

我发现我正在努力让我的js工作。对于此示例（有很多示例），我将使用Trix编辑器。

我遵循指示

将trix-rails添加到您的Gemfile中：

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

运行bundle install并重新启动服务器，以使文件可通过管道使用。

在app / assets / stylesheets / application.css中导入Trix样式：

*= require trix

在app / assets / javascripts / application.js中需要Trix Javascript魔术：

//= 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放置在其他位置吗？

最佳答案

据我所知，webpacker并没有通过资产管道。
如果您有Rails 5.x项目，则可以使用webpacker旁边的资产管道（在gemfile中检查Rails版本）。

使用相同的样板，请按照以下步骤操作：


像您一样添加到gemfile并bundle install
命令行中的yarn add trix
将@import "trix";添加到app/assets/stylesheets/application.scss
然后，由于安装了yarn，您可以将其导入“新” javascript文件夹app/javascript/packs/application.js中，如下所示：import 'trix'


使用相同的html代码，编辑器现在对我来说非常合适:)

关于javascript - Rails 5.2 Webpacker Assets 管道，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/56204897/