開発環境
Ruby 2.7.0
Rails 6.0.2
SQlite3 1.4
発生している問題・エラーメッセージ
該当のソースコード
applicationhetml
1<!DOCTYPE html> 2<html> 3 <head> 4 <title>Recommend-Gourmet</title> 5 <%= csrf_meta_tags %> 6 <%= csp_meta_tag %> 7 8 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.9.0/css/all.min.css" integrity="sha256-UzFD2WYH2U1dQpKDjjZK72VtPeWP50NoJjd26rnAdUI=" crossorigin="anonymous" /> 9 <%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track': 'reload' %> 10 </head> 11 12 <body> 13 <% if flash[:notice] %> 14 <div class="notification is-info"> 15 <p class="notice"><%= notice %></p> 16 </div> 17 <% end %> 18 19 <% if flash[:alert] %> 20 <div class="notification is-danger"> 21 <p class="alert"><%= alert %></p> 22 </div> 23 <% end %> 24 25 <nav class="navbar is-light"> 26 <div class="navbar-brand"> 27 <%= link_to root_path, class: "navbar-item" do %> 28 <h1 class="title is-4" style="font-family: cursive;">Recommend-Gourmet</h1> 29 <% end %> 30 <div class="navbar-burger burger" data-target="navbarExampleTransparentExample"> 31 <span></span> 32 <span></span> 33 <span></span> 34 </div> 35 </div> 36 37 <% if user_signed_in? %> 38 <div id="navbarExampleTransparentExample" class="navbar-menu"> 39 <div class="navbar-end"> 40 <div class="navbar-item"> 41 <div class="field is-grouped"> 42 <p class="control"> 43 <%= link_to recipes_path do %> 44 <i class="fas fa-book-reader fa-2x"></i> <%# 投稿一覧 %> 45 <% end %> 46 </p> 47 <p class="control"> 48 <%= link_to new_recipe_path do %> 49 <i class="far fa-edit fa-2x"></i> <%# 新規投稿 %> 50 <% end %> 51 </p> 52 <p class="control"> 53 <%= link_to users_path do %> 54 <i class="fas fa-address-book fa-2x"></i> <%# アカウント一覧 %> 55 <% end %> 56 </p> 57 <p class="control"> 58 <%= link_to user_path(current_user) do %> 59 <i class="fas fa-home fa-2x"></i> <%# マイページ %> 60 <% end %> 61 </p> 62 <p class="control"> 63 <%= link_to destroy_user_session_path, method: :delete do %> 64 <i class="fas fa-sign-out-alt fa-2x"></i> <%# ログアウト %> 65 <% end %> 66 </p> 67 </div> 68 </div> 69 </div> 70 </div> 71 <% else %> 72 <div id="navbarExampleTransparentExample" class="navbar-end"> 73 <div class="navbar-item"> 74 <div class="field is-grouped"> 75 <p class="control"> 76 <%= link_to recipes_path do %> 77 <i class="fas fa-book-reader fa-2x"></i> <%# 投稿一覧 %> 78 <% end %> 79 </p> 80 <p class="control"> 81 <%= link_to users_path do %> 82 <i class="fas fa-address-book fa-2x"></i> <%# アカウント一覧 %> 83 <% end %> 84 </p> 85 <p class="control"> 86 <%= link_to new_user_session_path do %> 87 <i class="fas fa-sign-in-alt fa-2x"></i> <%# ログイン %> 88 <% end %> 89 </p> 90 <p class="control"> 91 <%= link_to new_user_registration_path do %> 92 <i class="far fa-plus-square fa-2x"></i> <%# 新規登録 %> 93 <% end %> 94 </p> 95 </div> 96 </div> 97 </div> 98 </div> 99 <% end %> 100 101 </nav> 102 <%= yield %> 103 </body> 104</html>
applicationscss
1/* 2 * This is a manifest file that'll be compiled into application.css, which will include all the files 3 * listed below. 4 * 5 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, or any plugin's 6 * vendor/assets/stylesheets directory can be referenced here using a relative path. 7 * 8 * You're free to add application-wide styles to this file and they'll appear at the bottom of the 9 * compiled file so the styles you add here take precedence over styles defined in any other CSS/SCSS 10 * files in this directory. Styles in this file should be added after the last require_* statement. 11 * It is generally better to create a new file per style scope. 12 * 13 *= require_tree . 14 *= require_self 15 */
試したこと
application.scss内の見直し、書き直し(*= require_tree.)記述間違いがないか確認
application.html.erb内から、stylesheet_link_tagを消して画面確認。
→CSSが聞いていない状態で表示されたが、他ページへのリンクを踏むと同様のエラーが発生する。
色々調べていますがなかなか解決できない為、どのように対処すればいいかわかりません。
よろしくお願い致します。
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。