2

我正在 Rails 6 中进行一个实验项目。这个项目的目的对我来说是学习新的方法和使用新的（“ish”）技术。

简而言之，我正在使用Trailblazer基础设施、stimulus_reflex和view_component以及view_component_reflex。

据我所知，StimulusReflex&ViewComponentReflex期望反射类驻留在reflexes文件夹/命名空间中。

我想要达到的目标：

ViewComponentReflex将我的组件嵌套在Trailblazer概念文件夹（命名空间）中。

我试过的：

创建了以下文件夹结构：

  • concepts/post/component/counter.rb
class Component::Counter < ApplicationComponent

  def initialize
    @loading = false
  end

  def loading=(new_value)
    @loading = new_value
    refresh! '#loader'
  end

  def do_expensive_action
    prevent_refresh!

    self.loading = true
    wait 20
    self.loading = false
  end

end
  • concepts/post/component/counter/counter.html.erb
<%= component_controller do %>
  <div id="loader">
    <% if @loading %>
      <p>Loading...</p>
    <% end %>
  </div>

  <button type="button" data-reflex="click->Component::Counter#do_expensive_action" >Load Content</button>
<% end %>

预期结果：

我希望 Rails 允许命名空间等。设置上述内容并运行示例应用程序时，出现错误：uninitialized constant Component::CounterReflex. 这个类的依赖是内置在其中一个宝石中的，但我不知道在哪里可以找到它。我尝试过覆盖一些方法ViewComponentReflex无济于事。

当我将我Component::Counter的移动到components文件夹（如本例中所示）时，代码有效。

有没有办法使用这个堆栈重新定义/配置反射类的路由（模块）？

更新：

我的应用程序的 GitHub 存储库可以在这里找到

我在点击计数器按钮时看到的确切错误消息是：

StimulusReflex::Channel is streaming from StimulusReflex::Channel
06:48:27 log.1       | StimulusReflex::Channel#receive({"target"=>"Component::Counter#do_expensive_action", "args"=>[], "url"=>"http://krated.test/", "attrs"=>{"type"=>"button", "data-reflex"=>"click->Component::Counter#do_expensive_action", "data-key"=>"6b36d7d05b8737b0328d19bd2fff2679901b1736bb9e242b128e3b715aba6e87", "data-controller"=>"stimulus-reflex", "data-action"=>"click->stimulus-reflex#__perform", "checked"=>false, "selected"=>false, "tag_name"=>"BUTTON", "value"=>""}, "dataset"=>{"data-reflex"=>"click->Component::Counter#do_expensive_action", "data-key"=>"6b36d7d05b8737b0328d19bd2fff2679901b1736bb9e242b128e3b715aba6e87", "data-controller"=>"stimulus-reflex", "data-action"=>"click->stimulus-reflex#__perform"}, "selectors"=>[], "reflexId"=>"a091247b-d53b-4e63-ac59-78c72c4a3cb1", "permanent_attribute_name"=>"data-reflex-permanent", "params"=>{}})
06:48:27 log.1       | StimulusReflex::Channel Failed to invoke Component::Counter#do_expensive_action! http://krated.test/ uninitialized constant Component::CounterReflex /Users/hermann/.rbenv/versions/2.6.5/lib/ruby/gems/2.6.0/gems/activesupport-6.0.3.3/lib/active_support/inflector/methods.rb:284:in `const_get
4

1 回答 1

0

版本 2.3.5view_component_reflex期望组件类名以Component. 如果他们不这样做，它就会失败。见https://github.com/joshleblanc/view_component_reflex/blob/v2.3.5/lib/view_component_reflex/engine.rb#L18

因此，再次尝试调用您的组件：

Component::CounterCountComponent
于 2020-10-08T10:17:38.727 回答