【解決方法】ndefined method 'profile' for #Profile id: nil, user_id: 1, name: "〜 とは？

Ruby on rails を学習中の方の参考にしてもらえたら嬉しいです。
アプリケーションを作成している時に出てくるエラーとその解決方法について掲載します。少しでも参考にしていただけると幸いです。
今回は**undefined method 'profile' for #Profile id: nil, user_id: 1, name: "〜** というエラーの解決方法をお話しします。
プロフィールページを作って、入力したのに、ページが保存されていないし、表示がされない。そんな時にはこの記事が参考になるかと思います。

それではいきましょう。

## 1、今回のエラー画面はこれです
![スクリーンショット 2023-08-19 7.12.20.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3356902/5e5f3279-9ed2-edca-45c0-b0a823946118.png)


## 2、今回の現象はこれです。
プロフィール作成画面で文字を入力します。
![スクリーンショット 2023-08-19 7.16.48.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3356902/bcf931a5-b0b3-5847-0f7e-9a8d941eda8b.png)
入力をして保存ボタンを押します↓
![スクリーンショット 2023-08-18 7.08.23.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3356902/b4c2bb69-5bf0-f0e2-55d6-d0e725791eb3.png)
上記の画像のようにプロフィールを入力して、保存ボタンを押しても、保存されたか不明であり、新規作成ページにリダイレクトされてしまうというエラーです。
今回はエラーの表示がされていませんが、ページ遷移が思い通りに行っていないので、この間違いを修正していきます。

## 3、結論はこちら
![スクリーンショット 2023-08-21 6.18.16.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3356902/518c8acf-5b58-114e-c3a2-29e3a9a1d424.png)
今回の解決策の結論はprofileページのshow.html.hamlのファイルの中の
```profile > show.html.haml
.user-info
  = image_tag current_user.avatar_image, class: 'profile-avat:
  %h2= @profile. name 
  %p= @profile.bio 
  %p= @profile. location
```
というコードの中の`@plofile`を元々`@user`にしていました。なので、画像のように`@plofile`としてあげました。元はというと、ChatGPTに雛形を作ってもらったコードでした。
GPTがイケてないというつもりではなく、私自身が変数のあたりをよく確認できていなかったのが、今回のエラーの原因でした。
頼り切ってしまっているとダメですね。

## 4、ではChatGPTでエラー内容を確認していきます
最初、入力フォームのミスだと思ったので、このように解決策を探していました。
![スクリーンショット 2023-08-21 6.14.28.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3356902/c80d4d0f-c370-c257-4258-7db19d303017.png)
上記の画像の指摘の通り、改善策を試していきます。
正解は①をちゃんと修正すれば良かったのですが、現時点でそれが分からず、全てを確認していきます。
②③④をまとめて修正していくと以下のような箇所に気をつけてくことになります。

## 5、修正箇所を見ていきます
まずはこの画像です。（html）
![スクリーンショット 2023-08-21 6.15.14.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3356902/dfc0dd8d-d837-952c-f147-9f8ab0922319.png)
```profile > new.html.haml
= form_with (model: @profile, url: profile_path, method: 'put', local: true) do
(以下省略)
```
このform_withが正しく機能しているか確認します。
（ChatGPTに聞いたらタイポしているか、そもそもコードが間違えているかを教えてくれます）

次はこの画像です。（データベース）
![スクリーンショット 2023-08-21 6.15.23.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3356902/545e76c2-a292-0deb-0fd0-aefd9cf98e30.png)
データベースのテーブルのカラム名が正しく紐づいているかを確認します。
この時、`t.text :bio`のカラム名が同じになっていなかったので変更しました。

次はこの画像です。(モデル)
まずはuserモデルですが、profileモデルと関連付いているか確認。
みるのは`has_one profile, dependent: :destroy`です。これはオッケーだった。
![スクリーンショット 2023-08-21 6.16.25.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3356902/3eb3330e-0b88-2e6b-0948-000349420c02.png)
次はこの画像です。(モデル)
続いて、profileモデルです。
![スクリーンショット 2023-08-21 6.16.40.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3356902/589c75b1-9ac3-6358-5489-b59dba15d04a.png)

`belongs_to :user`となっているか？バリデーションが無茶苦茶なものになっていないか？
たまにこのバリデーションを他からコピペしているとcontentとかbioとか混在してしまうこともあります。



最後にこの画像です。(html > show)
![スクリーンショット 2023-08-21 6.18.16.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3356902/02301ef3-b699-8de6-c6d2-deba47f0453e.png)
冒頭にもお伝えしたように、4行目5行目6行目の`@profile`と直してみたところ解決しました。

結局のところ、ChatGPTに雛形を作ってもらった際に、普段自分では使わない変数名にしていたところを見落としていたわけです。なので、雛形を作ってもそれに満足せずに、コードを確認しなくてはいけませんね。

↓CSSが整っていませんが、名前と自己紹介文とlocationである群馬が入力されるようになりました。
![スクリーンショット 2023-08-20 7.10.29.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3356902/e8401cf8-8537-6c68-8a87-cadddcc083ec.png)



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