denryuuu / newproject

0 stars 0 forks source link

投稿とコメントの削除ができない件についての質問 #58

Open denryuuu opened 1 month ago

denryuuu commented 1 month ago
  1. 実現したいこと 投稿とコメントの削除
  2. 実現するために自分が選んだ手段とその理由 destroy!メソッド カリキュラムでやったことを参考にできるため
  3. その手段を使って実装するために参考にした公式ドキュメントや技術記事 https://qiita.com/natu_kumo_/items/8ef3343fda6715ed1d1a
  4. 参考にしたものと自分の実装で違う箇所・もしくは違う箇所はなくまったく同じ実装方法をしている(どういう実装をすれば実現できるのかを理解しているのかどうか コントローラーやルート、ビューの設定は問題ないかと思われます。
  5. エラーが出ているのかエラーが出ていないのか、エラーが出ているのであればどんなエラーが出ているのか 削除ボタンを押すと削除しますか?のダイアログが表示されるが、OKをおしても削除されない。 ログを確認すると、deleteではなく、getで送信されている。 ブラウザの開発者ツールのコンソールエラー↓ TypeError: map.get is not a function at fetch (application-40ee7ee68eb11487aefc5dca7ba6f20c9a88ae2dc917c7ac4d1f68b6768f61ef.js:6434:20) at fetchWithTurboHeaders (application-40ee7ee68eb11487aefc5dca7ba6f20c9a88ae2dc917c7ac4d1f68b6768f61ef.js:1151:10) at FetchRequest.perform (application-40ee7ee68eb11487aefc5dca7ba6f20c9a88ae2dc917c7ac4d1f68b6768f61ef.js:1261:25) formSubmissionErrored @ application-40ee7ee68eb11487aefc5dca7ba6f20c9a88ae2dc917c7ac4d1f68b6768f61ef.js:3353 requestErrored @ application-40ee7ee68eb11487aefc5dca7ba6f20c9a88ae2dc917c7ac4d1f68b6768f61ef.js:1555 perform @ application-40ee7ee68eb11487aefc5dca7ba6f20c9a88ae2dc917c7ac4d1f68b6768f61ef.js:1268 await in perform start @ application-40ee7ee68eb11487aefc5dca7ba6f20c9a88ae2dc917c7ac4d1f68b6768f61ef.js:1496 await in start submitForm @ application-40ee7ee68eb11487aefc5dca7ba6f20c9a88ae2dc917c7ac4d1f68b6768f61ef.js:3288 formSubmitted @ application-40ee7ee68eb11487aefc5dca7ba6f20c9a88ae2dc917c7ac4d1f68b6768f61ef.js:4829 submitBubbled @ application-40ee7ee68eb11487aefc5dca7ba6f20c9a88ae2dc917c7ac4d1f68b6768f61ef.js:1720 (匿名) @ application-40ee7ee68eb11487aefc5dca7ba6f20c9a88ae2dc917c7ac4d1f68b6768f61ef.js:1977 requestAnimationFrame followedLinkToLocation @ application-40ee7ee68eb11487aefc5dca7ba6f20c9a88ae2dc917c7ac4d1f68b6768f61ef.js:1977 clickBubbled @ application-40ee7ee68eb11487aefc5dca7ba6f20c9a88ae2dc917c7ac4d1f68b6768f61ef.js:1918 application-40ee7ee68eb11487aefc5dca7ba6f20c9a88ae2dc917c7ac4d1f68b6768f61ef.js:6434 Uncaught (in promise) TypeError: map.get is not a function at fetch (application-40ee7ee68eb11487aefc5dca7ba6f20c9a88ae2dc917c7ac4d1f68b6768f61ef.js:6434:20) at fetchWithTurboHeaders (application-40ee7ee68eb11487aefc5dca7ba6f20c9a88ae2dc917c7ac4d1f68b6768f61ef.js:1151:10) at FetchRequest.perform (application-40ee7ee68eb11487aefc5dca7ba6f20c9a88ae2dc917c7ac4d1f68b6768f61ef.js:1261:25)
  6. そのエラーの内容から推測したエラーの原因 application.jsの内容を調べて少し変更しました。
  7. エラーの原因を解決するために自分で調べた記事 https://railsguides.jp/getting_started.html#%E8%A8%98%E4%BA%8B%E3%82%92%E5%89%8A%E9%99%A4%E3%81%99%E3%82%8B https://qiita.com/yurihyp/questions/bcd2cbbc3941c10b3ee8
  8. 調べた記事を元に自分で行った対処法とその結果 application.jsのmapに関連するコードを見たが、そもそも自分ではmapについてのコードを触っていないため、原因がわからない chatGPTによるとmap が正しく初期化されているか確認とのことで、確認はしてみたが、特に原因となる箇所は見当たらなかった。
  9. 対処を行った際にわかったことや推測できたこと 以前にもjavaでエラーが出たことがあるので、javascript関連のエラーではないかと推測しています。
kenchasonakai commented 1 month ago

貼っていただいたエラー(TypeError: map.get is not a function rails)でGoogleで検索したら出てきたので関係ありそうか一度見てみてください

https://gist.github.com/pch/fe276b29ba037bdaeaa525932478ca18