以下の方法でrailsアプリにBootstrapを導入しようとしているのですが、stylesheet_link_tagでエラーが起きてしまいます。情報が少なく完璧な回答でなくても良いので、気になるような点がありましたら教えていただきたいです。
導入手順
rails -v
Rails 5.2.4.4
###該当ファイル
application.html.erb
<!DOCTYPE html> <html> <head> <title>AAA</title> <%= csrf_meta_tags %> <%= csp_meta_tag %> <%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track': 'reload' %> <%= javascript_include_tag 'application', 'data-turbolinks-track': 'reload' %> <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU" crossorigin="anonymous"> <% if user_signed_in? %> <li> <%= link_to "NOTICE", notifications_path, class: "btn-default" %> </li> <% if unchecked_notifications.any? %> <i class="fa fa-circle" style="color: gold;"></i> <% end %> <% end %> </head> <body> <script src="https://cdn.jsdelivr.net/npm/vue@2.6.11/dist/vue.js"></script> <%= yield %> </body> </html>
application.scss
@import "./comment_analyses"; @import "./comment_forecasts"; @import "./comments"; @import "./contacts"; @import "./devise"; @import "./forecasts"; @import "./likes"; @import "./messages"; @import "./mypages"; @import "./new"; @import "./notifications"; @import "./relationships"; @import "./resert"; @import "./rooms"; @import "./show"; @import "./top"; @import "./tournaments"; @import "./users"; @import "bootstrap";
_```
application.js
// This is a manifest file that'll be compiled into application.js, which will include all the files // listed below. // // Any JavaScript/Coffee file within this directory, lib/assets/javascripts, or any plugin's // vendor/assets/javascripts directory can be referenced here using a relative path. // // It's not advisable to add code directly here, but if you do, it'll appear at the bottom of the // compiled file. JavaScript code in this file should be added after the last require_* statement. // // Read Sprockets README (https://github.com/rails/sprockets#sprockets-directives) for details // about supported directives. // //= require jquery //= require rails-ujs //= require activestorage //= require turbolinks //= require_tree . //= require jquery3 //= require popper //= require bootstrap-sprockets
###考察
調べてみるとsass-railsのバージョンが関係しているようなことが書いてあったのですが、
その辺の情報が少なく解決できませんでした
gem 'sass-rails', '5.0.7'
ファイル名application.scssをapplication.cssに変えるとエラーは無くなります
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。