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

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

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

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

Bootstrap

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

Q&A

解決済

2回答

344閲覧

railsでbootswatchがうまく入らない

you88

総合スコア147

Ruby on Rails

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

Bootstrap

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

0グッド

0クリップ

投稿2017/08/19 03:13

編集2017/08/19 05:00

railsでbootswatchを使いたいと思い、

http://qiita.com/devzooiiooz/items/cc2a6f548a7ffb2b1e90

上記のやり方でやったのですがrails sでlocal環境で見ようとすると下記のエラーが出てしまいました。

Sprockets::Rails::Helper::AssetNotFound in Home#top Showing /Users/muraokayouhei/Documents/rails_progate/app/views/layouts/application.html.erb where line #6 raised: The asset "application.scss.css" is not present in the asset pipeline.

イメージ説明

application.html.erbのheader内のcssの記述でURLが間違っているような気もするのですがうまく治らず。。。下記がapplication.html.erbの記述です。

<!DOCTYPE html> <html> <head> <title>RailsProgate</title> <%= csrf_meta_tags %> <%= stylesheet_link_tag 'application.scss', media: 'all', 'data-turbolinks-track': 'reload' %> <%= javascript_include_tag 'application', 'data-turbolinks-track': 'reload' %> </head> <body> <%= yield %> </body> </html>

assetsの中身

イメージ説明

どうか助けてもらえると(泣)

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

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

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

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

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

guest

回答2

0

ベストアンサー

application.html.erbのstylesheetの記述はデフォルトのままでいいです。(scssの拡張子は必要ありません)

erb:html

1 <%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track': 'reload' %>

bootswatchのQiitaは恥ずかしながら私の記事です。参考にしていただいてありがとうございます。
因みにこういうのも書きましたのでご参考になれば、
Rails5でBootstrap3,4alpha6,4betaの比較

投稿2017/08/26 08:10

zooiiooz

総合スコア176

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

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

you88

2017/08/26 13:58

ありがとうございます!助かりました!
guest

0

Railsのバージョンは5でしょうか?
あと、もう少し情報が欲しいです。特に、assetsの中の情報が気になります。

投稿2017/08/19 03:44

Yuinyan

総合スコア312

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

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

you88

2017/08/19 04:59

ありがとうございます。railsは5.1.3です。assetsの中身追記しました
Yuinyan

2017/08/19 12:48

あ、ファイルの中身ということですが、、、。 いずれにせよbootwatchはbootstrap4なのですか?rails5はturbolinksの仕様が変わっているのとjqueryの仕様が変わっているので、rails4のしてみる方が確実かもしれないですね。このように関連するプラグインのバージョンをサポートしているかを一度確認してみた方が良いと思います。 それかCDNがあるか、確認し、あればそれを利用するのも手ですね。
you88

2017/08/20 01:03

あ、ファイルの中身ですね。すみませんでした。ちょっとgithubでブランチ作ってみます。 >いずれにせよbootwatchはbootstrap4なのですか? →https://bootswatch.com/4-alpha/ アルファバージョンみたいです。これが原因かもしれないですね。 >それかCDNがあるか、確認し、あればそれを利用するのも手ですね。 →無知ですみません、CDNをどのように利用すればいいでしょうか?
you88

2017/08/26 07:54

ありがとうございます!
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.48%

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

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

質問する

関連した質問