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

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

ただいまの
回答率

87.58%

railsアプリ作成中にbootstrapを導入したら、エラーが解決できなくなった。

解決済

回答 2

投稿

  • 評価
  • クリップ 0
  • VIEW 1,449

score 3

前提・実現したいこと

bootstrapを導入したrailsアプリを作成中にviewからスタイルシートを読み込もうとした際、以下のエラーが発生し解決できません。

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

コンソールに表示されたエラー

ActionView::Template::Error (The asset "application.css" is not present in the asset pipeline.):
     5:       | Taskleaf
     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:     .app-title.navbar.navbar-expand-md.navbar-light.bg-light

app/views/layouts/application.html.slim:8:in `_app_views_layouts_application_html_slim__1527064433668294021_70271311837180'

ブラウザ側では「Sprockets::Rails::Helper::AssetNotFound in Tasks#index 」というエラーが表示されました。

試したこと

app/assets/stylesheetsにapplication.scssファイルを作成し@import "bootstrap";を記述しましたが、同じエラーが吐き出されて、効果はありませんでした。
同様にapplication.cssファイルを作成しましたが、効果はありませんでした。

また、stylesheet_link_tagの部分をコメントアウトした際には、エラーが表示されなくなりました。

補足情報

開発環境
Rails 5.2.3
ruby 2.5.1
bootstrap 4.3.1

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

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

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

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 過去に投稿した質問と同じ内容の質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

回答 2

check解決した方法

0

自己解決しました
今まではbootstrap導入後、コンソール上で

$rm app/assets/stylesheets/applicatio.css

と入力し、既存のapplication.cssファイルを削除後、新たにapplication.scssファイルを作成していたのですが
これを削除せずに、ファイルの名前だけ.cssから.scssに変更するようにしたところ、問題のエラーが発生しなくなりました。

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

0

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2019/08/18 12:59 編集

    回答ありがとうございます。
    ただ、上記の記事に記された方法を試してみたり、application.cssをapplication.css.scssに変更してみたりしましたが、効果はなく、エラーの内容についても変化がありませんでした…

    また、書き忘れていたことですが、今回作成中のrailsアプリはこちら(https://book.mynavi.jp/supportsite/detail/9784839962227.html )のサイトの「Chapter3の完成ファイル」を参考にしています。

    キャンセル

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

  • ただいまの回答率 87.58%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる

関連した質問

同じタグがついた質問を見る