AWSのS3に画像を保存できるように実装したが、ビューが表示出来なくなりました。

Question

前提・実現したいこと

投稿した画像がアクティブストレージに保存され、
画像の表示が出来き、AWSのS3に画像を保存し、
ビューに表示できるようにしたいです。

発生している問題・エラーメッセージ

RuntimeError in Items#index
Showing /Users/uraokayuutarou/projects/nostalgia/app/views/items/_item.html.erb where line #1 raised:

YAML syntax error occurred while parsing 
   

該当のソースコード

/Users/uraokayuutarou/projects/nostalgia/config/storage.yml. Please note that YAML must be consistently indented using spaces. Tabs are not allowed. Error: (<unknown>): did not find expected key while parsing a block mapping at line 1 column 1
Extracted source (around line #1):

              
  <div class="content_post" style="background-image: url(<%= Rails.application.routes.url_helpers.url_for(item.image) if item.image.attached?  %>);">

試したこと

/Users/uraokayuutarou/projects/nostalgia/config/storage.yml. Please note that YAML must be consistently indented using spaces. Tabs are not allowed. Error: (<unknown>): did not find expected key while parsing a block mapping at line 1 column 1
Extracted source (around line #1):

<div class="content_post" style="background-image: url(<%= item_tag(item.image) if item.image.attached? %>);"> 上記のコードで実行

補足情報（FW/ツールのバージョンなど）

config/envilonments/devlopment
default_url_options[:host] = "localhost:3000"

上記のコードがurl_optionがローカルの環境でしか、
画像が保存出来ないのかもしれない。

まだよく理解出来てないのですがターミナルで、
vim ~/.zshrcを実行し、export AWS_ACCESS_KEY_ID="Access key IDの値"
export AWS_SECRET_ACCESS_KEY="Secret access key"
を設定し、追加した環境変数を使えるようにsource ~/.zshrcは実行しています。

Answer 1

YAML syntax error occurred while parsing

Please note that YAML must be consistently indented using spaces. Tabs are not allowed. Error: (<unknown>): did not find expected key while parsing a block mapping at line 1 column 1

ということなので、YAMLの文法エラーです。
まずそちらを見直してください。

Comments

[yutaro_0529]

ご回答頂きありがとうございます。
見直してみます。

[yutaro_0529]

YAML syntax errorで検索をかけ、
https://qiita.com/furikake6000/items/2be2752d2a803474ee42
上記の投稿を見つけ、””を付け足してみました。

amazon:
service: S3
access_key_id: ”<%= ENV['AWS_ACCESS_KEY_ID'] %>”
secret_access_key: ”<%= ENV['AWS_SECRET_ACCESS_KEY'] %>”
region: ap-northeast-1
bucket: nostalgia2020

item_paramsのデータがうまく取得出来なくなり、

NoMethodErrorが発生しました。
in ItemsController#create
undefined method `upload' for nil:NilClass
Extracted source (around line #20):

app/controller/item
def create
Item.create(item_params)
# アイテムモデル保存する
# praivateでitem_paramsで引用してくるものを指定

[yu_1985]

読んで字のごとくNoMethodErrorですね。
> undefined method `upload' for nil:NilClass

uploadというメソッドを参照しているところがありますがどこかでちゃんと定義されていますか？

このようにエラーメッセージを根拠に原因箇所の絞り込みが行なえますので、まずエラーメッセージをよく読んでそれにしたがってトラブルシュートしてみてください。

[yutaro_0529]

ご回答ありがとうございます！！
コントローラーにuploadメソッドを参照されていなく、
newメソッドで新規投稿できるようにしていました。

def index
@items = Item.includes(:user).sample(10)
# includesメソッドを使用したためallメソッドは省略、N＋1問題解決2回のアクセスで済む
end
@items = Item.includes(:user)
def new
@item = Item.new
end

def create
Item.create(item_params)
# アイテムモデル保存する
# praivateでitem_paramsで引用してくるものを指定
end

createメソッドでitem.paramsがテーブルに保存されていて、
active storageにimageデータも保存されている状態でした。

私の予測ですと、viewに問題がありそうなので、
引き続き調べてみます！！

[yutaro_0529]

すみません、エラーの原因が突き止めれず、
paramsの情報がS3保存出来ていないことは理解出来たのですが、
解決しなかったので、NoMethodErrorで再質問してみます！！