前提・実現したいこと
こんにちは。超がつく初心者です。
現在Ruby on Railsでおすすめ紹介のシステムページを作っています。
■ログインと新規投稿の機能を実装中にページが遷移しないという問題が発生しました。
発生している問題・エラーメッセージ
全く慣れていないjavascriptを導入して、deviseによるログインを行いたかったのですが、
rails routesで調べたpathをindexページの該当するボタンに設置したのですが、ボタンをクリックしても
indexページに戻ってきてしまいます。ターミナルを見ると以下のメッセージが表示されていました。
ターミナル Started GET "/" for ::1 at 2021-08-06 19:02:33 +0900 Processing by RecommendController#index as HTML Rendering recommend/index.html.erb within layouts/application Rendered recommend/index.html.erb within layouts/application (Duration: 0.2ms | Allocations: 104) [Webpacker] Everything's up-to-date. Nothing to do Completed 200 OK in 42ms (Views: 40.9ms | ActiveRecord: 0.0ms | Allocations: 5764)
以下現在のまでの入力コードです。
app>javasclipt>stylesheets>application.scss @import '~bootstrap/scss/bootstrap'; @import "recommend"; // @import "users/sign_up";
app>views>recommend>INdex.html.erb <div class="jumbotron"> <div class="container"> <nav class="navbar navbar-light"> <a class="navbar-brand text-white">RecommendMe</a> <div class="navbar__sign-in-btn"> <%= link_to "ログイン", new_user_session_path, class: "btn my-2 my-sm-0 bg-light text-top-color" %> </div> </nav> </div> <div class="top-title"> <h1 class="text-white text-center"> Swipe Right </h1> </div> <div class="top-authentication text-center"> <div class="top-authentication__sign-up-btn m-3"> <%= link_to "アカウントを作成する", new_user_registration_path, class: "btn text-white" %> </div> <div class="top-authentication__sign-in-btn m-3"> <%= link_to "ログイン", new_user_session_path, class: "btn text-white" %> </div> </div> </div>
app>controller>recommend_controller class RecommendController < ApplicationController def index end end
app>controller>application_controller.rb class ApplicationController < ActionController::Base before_action :configure_permitted_parameters, if: :devise_controller? private def configure_permitted_parameters devise_parameter_sanitizer.permit(:sign_up, keys: [:nickname, :first_name, :last_name, :birthday]) end end
試したこと
ターミナルにあるエラー文を調べてみたところ、やはり慣れていないJavaScriptが原因だということは間違いなさそうなのですが、じゃあなにが原因となっているのかがしばらく検索したのですがわかりませんでした。
お知恵をお貸しいただけると助かります。よろしくお願い致します。
補足情報(FW/ツールのバージョンなど)
{
"name": "recommend_me",
"private": true,
"dependencies": {
"@popperjs/core": "^2.9.3",
"@rails/actioncable": "^6.0.0-alpha",
"@rails/activestorage": "^6.0.0-alpha",
"@rails/ujs": "^6.0.0-alpha",
"@rails/webpacker": "4.3.0",
"bootstrap": "^5.1.0",
"jquery": "^3.6.0",
"turbolinks": "^5.2.0"
},
"version": "0.1.0",
"devDependencies": {
"webpack-dev-server": "^3.11.2"
}
}
あなたの回答
tips
プレビュー