0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

【解決方法】undefined method add _active _class' for とは?

Posted at

Ruby on rails を学習中の方の参考にしてもらえたら嬉しいです。
今回はアプリケーションを作成している時に出てくるエラーとその解決方法について掲載します。少しでも参考にしていただけると幸いです。
まず最初に undefined method add _active _class' for〜というエラーの解決方法をお話しします。
今回のようにundefined method 〜というエラーは頻出のエラーなので、このエラーが出たら大まかにどこのコーディングにミスがあったのか察しが付くと解決まで早いです。
今回はメソッドの定義ができていなかったという問題をクリアしていきます。

▼以下のようなエラーが発生しましたので解決策の一つをご紹介します。
スクリーンショット 2023-05-22 6.49.44.png

結論から

ブラウザ上にタブ切り替えボタンを作って、タブを変えることで表示される内容を変えようとしていました。そのタブのメソッドが見つからないよというエラーです。
この解決にはタブのhtmlを書いてあげることで解決されると思いました。
そして、それにはhelpersにメソッドを書いて、タブのhtmlの補助をしてもらい、メソットを定義してあげる必要があると思いました。
その手順について解説します。

解決策を見ていきます

▼まずはどんなエラーなのか確認します。
スクリーンショット 2023-05-22 6.57.02.png

▼そして、前回アプリを作った時のメモも参照しながらエラーを解決していきます。
スクリーンショット 2023-05-22 6.58.41.png

▼helpersの配下にタブメソッドを定義します
スクリーンショット 2023-05-22 7.01.33.png

▼そしてviewにタブのhtmlを書きます。
今回はcommonsというフォルダを作ってそこに_tabs.html.hamlを作ってその中にhtmlを作成しました。
スクリーンショット 2023-05-22 7.03.17.png

▼完成したものは以下のように緑色と白色でタブが切り替わるようになりました。
スクリーンショット 2023-05-24 6.44.37.png

いかがでしたでしょうか?
他にも記事を発信していきますので、私の QiitaやTwitterをフォローしていただけると嬉しいです。
個別の質問もぜひ歓迎します。
私自身、初学者ではありますが、1歩先を行くものとして回答できたらと思います。
それでは。

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?