前提・実現したいこと
Ruby on Rails 5(5.1.6.1)を使用し、Bootstrapのテンプレートを表示させたいです。
テンプレートはこちらからDLしました。http://www.designstub.com/projects/auro-bootstrap-agency-template/
発生している問題・エラーメッセージ
テンプレートを配置してアクションとルーティングの設定を行い、テンプレートのHTMLにアクセスしたのですが
下記のようなエラーメッセージが表示され、JavaScript部分やCSS、画像が表示されません。
単純な文字なら表示されるので、HTMLへのアクセス自体は出来ていますが、JQueryやapp配下のファイルの読み込みができていないようです。
エラーメッセージ Uncaught Error: Bootstrap's JavaScript requires jQuery Uncaught ReferenceError: jQuery is not defined GET http://localhost:3000/assets/stylesheets/bootstrap.min.css 404 (Not Found) GET http://localhost:3000/assets/javascripts/bootstrap.min.js net::ERR_ABORTED 404 (Not Found) GET http://localhost:3000/assets/stylesheets/flexslider.css net::ERR_ABORTED 404 (Not Found) GET http://localhost:3000/assets/stylesheets/animate.min.css net::ERR_ABORTED 404 (Not Found) GET http://localhost:3000/assets/javascripts/retina.min.js …
試したこと、補足情報
◇セキュリティ面について
■フォルダのアクセス権については誰でもアクセスできるように設定しました。
■ファイアウォールもすべて無効にしています。
◇テンプレートの修正について
■HTMLに記述しているassets配下のパスが間違っていないかどうかも確認しています。
■HTMLはすべて.html→.html.erbの拡張子に直しています。
■試しに.erbを外してRailsサーバを経由せずに直接HTMLファイルを開いてみたところ、画像等きちんと表示されました。
◇フレームワークについて
■JQueryはインストール済で、単体では動くことを確認しています(jquery-rails 4.3.3)。
(こちらの方法で確認 https://qiita.com/ngron/items/95846bd630a723e00038)
■BootStrapもインストール済です(bootstrap-sass 3.3.7)。
■Bundle update も実施済です。
◇設定ファイル・ソースについて
■config/environments/production.rbの下記プロパティはTrueに設定しました。
config.public_file_server.enabled = true
■application.html.erbのbody部をcontainerにしました。
<div class="container">
<%= yield %> </div>
■assets\javascripts\application.jsに以下追記しました。
//= require jquery
//= require jquery_ujs
//= require bootstrap-sprockets
■assets\stylesheets\application.css → application.scss に拡張子変更しました。
■上記事項を試すたびにRailsサーバーの再起動も行いました。
◇他
■使用ブラウザはChromeです。
■使用OSはWindows Sever 2016 DataCenter です。
RailsとJQueryはProgateで学んだ程度で、BootStrapは初めて使用します。
ド初心者で申し訳ありませんが、可能でしたらどうしたらRailsサーバーが諸々読み込んでくれそうか、ヒントをいただけたら幸いです。。
よろしくお願いします。
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
退会済みユーザー
2019/02/12 10:46
2019/02/13 21:07
退会済みユーザー
2019/02/15 10:05
2019/02/15 15:56