質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.46%
Vue.js

Vue.jsは、Webアプリケーションのインターフェースを構築するためのオープンソースJavaScriptフレームワークです。

Nuxt.js

Nuxt.jsは、ユニバーサルなSPAが開発可能なVue.jsベースのフレームワーク。UIの描画サポートに特化しており、SSRにおけるサーバーサイドとクライアントサイドのUIレンダリングなどさまざまな機能を持ちます。

Ruby

Rubyはプログラミング言語のひとつで、オープンソース、オブジェクト指向のプログラミング開発に対応しています。

Ruby on Rails 6

Ruby on Rails 6は、オープンソースのWebアプリケーションフレームワークです。「同じことを繰り返さない」というRailsの基本理念のもと、他のフレームワークより少ないコードで簡単に開発できるよう設計されています。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

Q&A

解決済

3回答

1769閲覧

Railsでupdateアクションを実行するとエラー``NoMethodError (undefined method `permit' for #<Array:0x000056147ccc4c```

kaji120

総合スコア39

Vue.js

Vue.jsは、Webアプリケーションのインターフェースを構築するためのオープンソースJavaScriptフレームワークです。

Nuxt.js

Nuxt.jsは、ユニバーサルなSPAが開発可能なVue.jsベースのフレームワーク。UIの描画サポートに特化しており、SSRにおけるサーバーサイドとクライアントサイドのUIレンダリングなどさまざまな機能を持ちます。

Ruby

Rubyはプログラミング言語のひとつで、オープンソース、オブジェクト指向のプログラミング開発に対応しています。

Ruby on Rails 6

Ruby on Rails 6は、オープンソースのWebアプリケーションフレームワークです。「同じことを繰り返さない」というRailsの基本理念のもと、他のフレームワークより少ないコードで簡単に開発できるよう設計されています。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

0グッド

0クリップ

投稿2021/09/04 08:57

編集2021/09/04 12:14

前提・実現したいこと

Railsでupdateアクションを実行しようとしたところNoMethodError (undefined method `permit'というエラーが出てしまいました。解決方法を調べましたがわからなかったので質問させていただきます。

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

api_1 | Processing by Api::V1::PostsController#update as HTML api_1 | Parameters: {"post"=>[{"content"=>"追加でテストします", "status"=>false}], "id"=>"16"} api_1 | Post Load (7.7ms) SELECT "posts".* FROM "posts" WHERE "posts"."id" = $1 LIMIT $2 [["id", 16], ["LIMIT", 1]] api_1 | ↳ app/controllers/api/v1/posts_controller.rb:23:in `update' api_1 | Completed 500 Internal Server Error in 114ms (ActiveRecord: 71.3ms | Allocations: 7456) api_1 | api_1 | api_1 | api_1 | NoMethodError (undefined method `permit' for #<Array:0x000056147d1e7c00>): api_1 | api_1 | app/controllers/api/v1/posts_controller.rb:39:in `content_params' api_1 | app/controllers/api/v1/posts_controller.rb:24:in `update'

該当のソースコード

Rails

1def update 2 post = Post.find(params[:id]) 3 post.post_items.update(content_params) 4 end 5 6 7 private 8 def content_params 9 params.require(:post).permit(:id,:content, :status) 10 end 11 12 def post_params 13 params.require(:post).permit(:title, :author, :image, post_items_attributes: [:id, :content, :status]) 14 end 15

javaScript

1 2update (context) { 3     // Railsに送る配列 4 const list = context.state.todos.list 5       //送り先IDを取得 6 const bookId = context.state.book.selectedBook.id 7 8     //Railsに送るデータを取り出し 9 const post = 10 list.map((item) => { 11 return { 12 content: item.content, 13 status: false 14 } 15 }) 16 17 this.$axios.$patch(url.POST_API + 'posts/' + bookId, { 18 post 19 }) 20 }

試したこと

undefined method `permitについて調べましたが、createの時に同じようにpermitを使用していたのでエラーの原因がわかりませんでした。

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

Rails 6
Nuxt 2.15

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

winterboum

2021/09/04 09:27

js は弱いので読みきれないのですが、これでどのようなパラメーターが送られるのですか? それが Rails側の想定と異なっているのだと。
kaji120

2021/09/04 12:18 編集

コメントありがとうございます。Rails側に送られたパラメーターを追加していなかったので、エラーメッセージの欄に追加しました。 Parameters: {"post"=>[{"content"=>"追加でテストします", "status"=>false}], "id"=>"16"} の情報を確認して、パラメーターには問題のない認識でした。
guest

回答3

0

いえ、パラメーターに問題があります
Parameters: {"post"=>[{"content"=>"追加でテストします", "status"=>false}],
ではなく
Parameters: {"post"=>{"content"=>"追加でテストします", "status"=>false},
になるようにしてください

投稿2021/09/04 13:08

winterboum

総合スコア23416

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

kaji120

2021/09/05 01:55 編集

ご回答ありがとうございます。 この場合どのようにして配列からオブジェクトに切り替えるのが適切なのでしょうか。 以下のように必要な値を一度取りだしてからオブジェクトに変換しようと試みたのですが、以下の方法だとパラメーターにインデックス番号が入ってしまい上手くいきませんでした。 ``` arameters: {"post"=>{"0"=>{"content"=>"テスト", "status"=>false}}, "id"=>"16"} ``` ``` update (context) { const list = context.state.todos.list const bookId = context.state.book.selectedBook.id const content = list.map((item) => { return { content: item.content, status: false } }) const post = Object.assign({}, content) //追加 this.$axios.$patch(url.POST_API + 'posts/' + bookId, { post }) } } ```
winterboum

2021/09/05 09:24

申し訳ないですが,jsは得意ではないので。。 この値がフォームに入っているなら、フォームを送るという方法もあるかと。
kaji120

2021/09/06 00:08

申し訳ございません。ありがとうございました!
guest

0

パラメーターを以下のようにネストさせることで解決できました。

def content_params params.require(:post).permit(post_items_attributes: [:id, :content, :status]) end

投稿2021/09/08 22:36

kaji120

総合スコア39

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

0

自己解決

Rails側のパラメーター記述をネストさせました。それに伴い、JS側から送信する値も変更しました。

js

1 update (context) { 2 const list = context.state.todos.list 3 const bookId = context.state.book.selectedBook.id 4 const content = 5 list.map((item) => { 6 return { 7 content: item.content, 8 status: false 9 } 10 }) 11 this.$axios.$patch(url.POST_API + 'posts/' + bookId, { 12 post: { 13 post_items_attributes: content 14 } 15 }) 16 }

rb

1 private 2 def content_params 3 params.require(:post).permit(post_items_attributes:[:id, :content, :status]) 4 end 5

投稿2021/09/06 00:10

編集2021/09/06 00:12
kaji120

総合スコア39

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.46%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問