Javascript rails 5.2 Webpacker资产管道

嗨，我在使用gorails的模板时遇到了问题

我发现我的js很难正常工作。对于这个示例（有很多），我将使用trix编辑器

我按照指示去做

将trix rails添加到您的文件：

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

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

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

*= require trix

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

//= 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旁边的资产管道（在GEM文件中检查Rails版本）

<%= 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 %>

使用相同的样板，我通过以下步骤使其工作：

• 按原样添加到gemfile，并

  捆绑安装

• 在命令行中添加trix

• 添加

  @import“trix”至
  app/assets/stylesheets/application.scss

• 然后，由于安装了Thread，您可以将其导入“new”javascript文件夹

  app/javascript/packs/application.js

  如下：

  import'trix'

---

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

hi@Clara，谢谢你在我的app/javascript/application.js中澄清我首先需要（'trix'），然后导入'trix'。。。我必须首先使用Thread安装吗？将其导入

application.js

，这样：`Import“trix”awesome您能在回答中告诉我文件的外观吗？然后我可以在测试后给你打分，非常感谢你。。。。我在玩的时候发现我用了旧标签，我可以让它工作，但如果我用它就不会。。。我现在就试试你的方法。。。我真的很感谢你和你的努力，你的学生非常幸运。当然，修复了它，现在我们有了一个很好的答案：）