質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
Ruby on Rails

Ruby on Railsは、オープンソースのWebアプリケーションフレームワークです。「同じことを繰り返さない」というRailsの基本理念のもと、他のフレームワークより少ないコードで簡単に開発できるよう設計されています。

Bootstrap

BootstrapはウェブサイトデザインやUIのWebアプリケーションを素早く 作成する可能なCSSフレームワークです。 Twitter風のデザインを作成することができます。

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

Q&A

0回答

1102閲覧

bootstrapを導入するも、スタイルシートが読み込まれない

hijituzai

総合スコア3

Ruby on Rails

Ruby on Railsは、オープンソースのWebアプリケーションフレームワークです。「同じことを繰り返さない」というRailsの基本理念のもと、他のフレームワークより少ないコードで簡単に開発できるよう設計されています。

Bootstrap

BootstrapはウェブサイトデザインやUIのWebアプリケーションを素早く 作成する可能なCSSフレームワークです。 Twitter風のデザインを作成することができます。

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

0グッド

2クリップ

投稿2019/08/18 08:42

編集2019/08/18 08:52

前提・実現したいこと

railsアプリを作成中にbootstrapを導入したのですが、viewに反映されません。
エラーメッセージを確認したところ、スタイルシートが読み込まれていないらしいのですが、検索しても具体的な対処法がわからず…

発生している問題・エラーメッセージ

ブラウザ(Fire fox)のコンソール上で以下のエラーメッセージが表示されました。

MIME タイプが “text/css” ではなく “application/javascript” となっているため、 スタイルシート http://localhost:3000/assets/bootstrap は読み込まれていません。

該当のソースコード

スタイルシートの読み込みは以下のように行っています。

slim

1doctype html 2html 3 head 4 title 5 | app 6 = csrf_meta_tags 7 = csp_meta_tag 8 = stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track': 'reload' 9 = javascript_include_tag 'application', 'data-turbolinks-track': 'reload' 10 body 11 = yield

読み込まれるスタイルシートはapp/assets/stylesheets/application.scssファイルで、@import "bootstrap";の一文のみ記述してあります。

補足情報

開発環境
Rails 5.2.3
ruby 2.5.1
bootstrap 4.3.1

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだ回答がついていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問