preview_componentを導入しようとしてエラーが発生して詰まってます。
聞きたいこと
previewファイルを表示させようとしてtemplate errorが出て表示されない
preview_component導入で起きている問題
lib/component_previewsを作成
preview の path の設定を行う
#config/application.rb
config.view_component.preview_paths << "#{Rails.root}/lib/component_previews"componentの作成
rails g component Example title --preview
http://localhost:3000/rails/view_components/example_component/ に遷移。
previewファイルをクリックするとテンプレートエラーが表示される。
エラーのソースコード
ViewComponent::TemplateError in ViewComponents#previews
Showing /Users/yourname/.rbenv/versions/3.1.0/lib/ruby/gems/3.1.0/gems/view_component-2.47.0/app/views/view_components/preview.html.erb where line #3 raised:
More than one template found for ExampleComponent. There can only be one default template file per component.
if template_errors.present?
raise ViewComponent::TemplateError.new(template_errors) if raise_errors
return false
end
問題解決のために試したこと
・app/components/example_component.rbにsuperを追加
→ rubocopから警告は無くなったがtemplate errorには関係なし。
・lib/component_previewsのrenderでclass名が間違えていると思い、修正
→render(ExampleComponent.new(title: title))をrender(ExampleComponentPreview.new(title: title))に変更
そうすると、ArgumentError in ViewComponentsController#previewsのエラーが表示された
変数名を渡せれていないよっていう警告なのでtitle: @titleにしてみたが解消されず、、、、
参考にしたサイト
https://watakumi.studio/view_component/
素人なので実装で詰まっており挫折しそうです。
お手すきで誰かアドバイスを頂きたいです🙇♂️!
よろしくお願いします。