非同期通信がうまくいきません！FormData 404のエラーです。

Question

前提・実現したいこと

railsを使ってのメモ機能実装中です。
現在非同期通信を試みているのですが、
うまくいかず迷っています。

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

memo.js:9 POST http://localhost:3000/memos 404 (Not Found)
(anonymous) @ memo.js:9

該当のソースコード

function memo (){
  const submit = document.getElementById("memo-btn");
  submit.addEventListener('click', (e) => {
    const formData = new FormData(document.getElementById("memo_area"));
    const XHR = new XMLHttpRequest();
    XHR.open("POST", "/memos", true);
    XHR.responseType = "json";
    XHR.contentType = "application/json"
    XHR.send(formData);

----------formDataでエラーが出ているためここまでの記入で止まっています。

    e.preventDefault();
  });
}

window.addEventListener('load', memo);

<div class="memo-form-block">
<%= form_with(model: @memo, url: user_memos_path(current_user.id), local: true, id: "memo_area") do |f| %>
  <%= f.text_area :title, placeholder:"TITLE", class:"memo-text", id:"memo_title"%>
  <%= f.text_area :content, placeholder:"MEMO", class:"memo-text", id:"memo_content", rows: 6 %>
  <%= f.submit "NEW POST", class:"memo-btn", id:"memo-btn" %>
<% end %>
</div>

  resources :users, only: :show do
    resources :memos, only:[:index, :create]
  end

試したこと

コントローラーcreateアクションにbinding.pryをかけたが意味がなかった。
formのidを変えてみたが意味がなかった。
channelを使ってみたが、そこでもエラーが出てしまった。

いろいろ調べてみたところ、 XHR.open("POST", "/memos", true);
の部分のパス指定に誤りがありそうです。
:user_idの部分の書き方のヒントお願いします・・・。
ちなみに、memoはuserにネストさせています

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

memosテーブルのカラムはtitleとcontentの二つです。
同期通信では問題なく動作します。

Comments

[winterboum]

config/routes.rb　を

[m.ts10806]

どこでmemo.jsを読み込んでいるのでしょう。
その記述部分も記載してください。

[m.ts10806]

あぁ。そこじゃないか。

Answer 1

そのroutesですと /users/38/memos (38はuserのid)というURLですね。
POST '/emos' でやるには、ネストしていない routesも定義が必要です

Comments

[hana_123]

すみません返信遅れました！

解決して、自己解決投稿したのですが反映されていないため
再度投稿させていただきます。

解決方法については、
解決したので報告させていただきます！

channelを使っての実装に変えてみて再び非同期通信を試みました。
そうしたところ、ネスト部分関係なくスムーズに行ったのでこちらで実行させていただきました！

貴重なアドバイスありがとうございました！！
今後ともよろしくお願いいたします！