前提・実現したいこと
Railsのサンプルアプリを開発するうえで、以下のようなエラーが出てきます。
rails serverを起動しなおす前は、タイトルのような、File to import not found or unreadable; bootstrap
のようなエラーが出てきていたのですが、立ち上げると、下に載せたような新たなエラーがbetter_errors
に
出てきました。
しかし、問題となっている場所は、以下のログ内に記載のある、app/views/layouts/application.html.erb:7:in
にある、<%= stylesheet_link_tag 'application', media: 'all' %>
というところにあるようです。
(赤いハイライトがされていた)
このエラーは、app/assets/stylesheets/application.scss
,app/assets/stylesheets/application.js
にそれぞれ以下のコードを書いているときに発生しています。
何か思い当たる点がある方、解決法を知っている方いらしたらお力添えいただけると助かります…!
#####思い当たる点
@import "bootstrap";
をCtrl+clickすると、以下のようなVSCodeのエラーが出る。
'_bootstrap.scss' を開くことができません: ファイルが見つかりません (file:///c:/Users/ryota/environment/RailsSampleApp/app/assets/stylesheets/_bootstrap.scss)。
- 書籍には以下に示したようにコメントアウトされていたが、
//= require bootstrap
これは本当に正しいのか?
- そもそも、
= require rails-ujs
と書きたいのに、VSCodeが勝手に、コードを微妙に訂正してきて、問題の提示をしてくる。
[ts] ';' が必要です。 [1005] any
このようなエラーが出てくるので、恐らくTypescriptと認識されている…?
- VSCodeについて、よく、
JShint/ESlint
(?)をインストールできませんでした。と表示が出る。
これ自体解決法が分からず、放置してしまっている。
発生している問題・エラーメッセージ
rails server(puma)のサーバログ
Started GET "/" for 127.0.0.1 at 2019-01-25 15:43:24 +0900 Processing by HomeController#index as HTML Rendering home/index.html.erb within layouts/application Rendered home/index.html.erb within layouts/application (4.8ms) Started GET "/" for 127.0.0.1 at 2019-01-25 15:43:30 +0900 Processing by HomeController#index as HTML Rendering home/index.html.erb within layouts/application Rendered home/index.html.erb within layouts/application (0.7ms) Completed 500 Internal Server Error in 6447ms RuntimeError - ExecJS::RubyRacerRuntime is not supported. Please replace therubyracer with mini_racer in your Gemfile or use Node.js as ExecJS runtime.: app/views/layouts/application.html.erb:7:in `_app_views_layouts_application_html_erb__3828119162137650962_70368279712600' Completed 500 Internal Server Error in 2879ms
該当のソースコード
app/views/layouts/application.html.erb
ERB
1<!DOCTYPE html> 2<html> 3 <head> 4 <title><%= page_title %></title> 5 <%= csrf_meta_tags %> 6 7 <%= stylesheet_link_tag 'application', media: 'all' %> 8 <%= javascript_include_tag 'application' %> 9 </head> 10 11 <body> 12 <%= render "layouts/header" %> 13 <div class="container py-4"> 14 <%= yield %> 15 </div> 16 </body> 17</html>
app/assets/stylesheets/application.scss
@import "bootstrap";
app/assets/stylesheets/application.js
= require rails - ujs //= require turbolinks //= require tether //= require jquery3 //= require popper //= require bootstrap //= require_tree .
試したこと
ここに問題に対して試したことを記載してください。
補足情報(FW/ツールのバージョンなど)
一時的に書籍の該当箇所載せてみます。
いいかわからないので駄目だったらすぐ消してください。
ただ、HPの正誤表見てもなかったんですよねそこ。正誤表の表記すら間違ってた部分あった気がするので
怪しいですけど。
追記 逆でした。
再追記
書籍に合ったGemfile
回答1件
あなたの回答
tips
プレビュー