（rails本番環境）deviseを使用して新規登録の際スマホを使用するとページがクラッシュしてしまう。

Question

railsでアプリを作成しデプロイをしました。その時は全てうまく動いていました。
その後テーブルにカラムを追加した為データベースを一度ドロップして再度作成→migrateしました。
すると、スマホで新規登録画面に行こうとするとページがクラッシュします。
画像を載せておきます。

log画像

#routes.rb
Rails.application.routes.draw do
  devise_for :users, controllers: { :omniauth_callbacks => "omniauth_callbacks" }
  root to: "home#index"
  resources :users, only: [:edit, :show, :update, :destroy]
  post 'users/:id' => 'users#show'
  resources :messages, only: [:edit, :show, :create, :update, :destroy]
  post 'messages/:id' => 'messages#show'
  resources :replies, only: [:create, :destroy]
  # For details on the DSL available within this file, see https://guides.rubyonrails.org/routing.html
end

#application_controller.rb
class ApplicationController < ActionController::Base
  before_action :configure_permit_parameters, if: :devise_controller?

  def after_sign_up_path_for(resource)
    user_path(resource)
  end

  def after_sign_in_path_for(resource)
    user_path(resource)
  end

  private
    def configure_permit_parameters
      devise_parameter_sanitizer.permit(:sign_up, keys: [:username, :profile_image])
    end
end

#home_controller.rb
class HomeController < ApplicationController
  def index
  end
end

試したこと
EC2の再起動やDBをもう一度drop→create→migrateしたりしましたが変わりありませんでした。
何かわかることがありましたら教えて欲しいです。
よろしくお願いいたします。

Comments

[8zca]

こんばんは。
リダイレクトループしているようですね。
コントローラー、ルーティングまわりのコードも載せてもらえると回答つきやすくなるかと思います。

[kai]

こんばんは。ご連絡くださりありがとうございます。
コントローラーとルーティングを追記しました。
何卒よろしくお願いいたします。

[8zca]

ソース貼り付けていただきましたが、
https://www.smilemail.work/users/sign_up
にアクセスしたところわたしの環境では開くことができました。
もしかしたらcookieが問題かもしれません。
chromeのシークレットモード等で閲覧していただいて問題ないようでしたら、cookie削除を試してみるとよいかもしれませんね。

[kai]

本当ですか！？スマホでも大丈夫でしたでしょうか？
cookie削除試してみます！

[kai]

iPhoneでcookie削除してからもう一度試してみましたが変わりありませんでした。
smilemail.workから新規登録ボタンを押すと投稿と同じ様にクラッシュしてしまいます。

[kai]

cookieを削除した時のlogが前回と少し違ったので載せ直しました。
RootingErrorとなっているのですが原因がわかりません。

[8zca]

iPhoneではないですが、android端末のchromeで確認しています。
一応PCでもちゃんと表示されました。
こちらから見れている以上、コードの問題の可能性は低そうです。
お手持ちのiPhoneはsafariだと思いますが、プライベートモードやiPhoneのchromeでも同じ状況でしょうか？

ルーティングエラーはアクセス元のIPアドレスを見るに海外からの脆弱性を狙ったアタックのようです。
これはこれでブロックなどしたほうがよいのですが、今回の事象とは関係ありません。

[kai]

直接smilemail.work/users/sign_upを入力すると問題ないのですが、topページからボタンで新規登録画面に遷移する際にクラッシュしてしまいます。（スマホのみ）リロードすると直ります。
iPhoneのプライベートモードでも試しましたがクラッシュしてしまいます

[8zca]

iPhone実機がないのでSimulatorから見てみましたが確かに再現しました。
safariの言語を英語にしたときのメッセージが
「a problem repeatedly occurred」
なのでこれで検索をするといくつか同様の事象が見つかるのですが、
こちらのstackoverflowの2つめの回答は参考になりませんか？
（英語のメッセージで検索したほうが情報は得られやすいです）

https://stackoverflow.com/questions/52595504/ios-safari-crashing-a-problem-repeatedly-occured

autofocusがダブっており、JavaScript内で.focus()していると発生するようです。

[kai]

いただいた記事の通りでした！
解決できました！ありがとうございます。

[8zca]

それはよかったです！
今回の件、良いトラブルシューティングの例だと思うので回答欄にも書いておきますね。

[kai]

ご丁寧にありがとうございます！
本当に助かりました！

Answer 1

最初はcookieの問題かと思いましたが、stackoverflowの2つ目の回答と同様の事象のようでした。
新規登録ページのフォーム内でautofocusが複数存在しており、なおかつJavaScript内で.focus()している場合に発生するようです。