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

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

新規登録して質問してみよう
ただいま回答率
85.35%
unicorn

Unicornは、汎用のRackアプリケーションサーバ。RackとWebサーバーの機能を併せ持ちます。レスポンス処理や、Nginx単体がRackの機能をサポートしていない事から、一般的にはNginx+Unicorn+Railsの構成を取って用います。

nginx

nginixは軽量で高性能なwebサーバーの1つです。BSD-likeライセンスのもとリリースされており、あわせてHTTPサーバ、リバースプロキシ、メールプロキシの機能も備えています。MacOSX、Windows、Linux、上で動作します。

Ruby on Rails

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

AWS(Amazon Web Services)

Amazon Web Services (AWS)は、仮想空間を機軸とした、クラスター状のコンピュータ・ネットワーク・データベース・ストーレッジ・サポートツールをAWSというインフラから提供する商用サービスです。

Q&A

0回答

1526閲覧

AWS+Nginx+Unicorn+RailsでデプロイするもBootstrapが反映されません。

osozakiPG

総合スコア5

unicorn

Unicornは、汎用のRackアプリケーションサーバ。RackとWebサーバーの機能を併せ持ちます。レスポンス処理や、Nginx単体がRackの機能をサポートしていない事から、一般的にはNginx+Unicorn+Railsの構成を取って用います。

nginx

nginixは軽量で高性能なwebサーバーの1つです。BSD-likeライセンスのもとリリースされており、あわせてHTTPサーバ、リバースプロキシ、メールプロキシの機能も備えています。MacOSX、Windows、Linux、上で動作します。

Ruby on Rails

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

AWS(Amazon Web Services)

Amazon Web Services (AWS)は、仮想空間を機軸とした、クラスター状のコンピュータ・ネットワーク・データベース・ストーレッジ・サポートツールをAWSというインフラから提供する商用サービスです。

0グッド

1クリップ

投稿2020/02/12 02:45

編集2020/02/14 11:23

前提・実現したいこと

AWS+Nginx+Unicorn+Railsを使用してアプリをデプロイしました。
接続は確認済みで、ブラウザ上でアプリのログイン等の機能部分について挙動は問題ありません。

EC2に導入しているライブラリやツール
・Git
・nodejs-10.3.0
・dependencies for rails
・yarn
・yarnのcheck-files
・git-core
・rbenv
・Avoid to Install rb-docs
・dependencies for ruby-build
・Ruby
・Set default Ruby version
・bundle and so on
・rbenv-rehash
・rails
・nginx
・nginx package
・unicorn
・MySQL

発生している問題

Bootstrapの部分が反映されておらずデザイン部分の表示が抜けています。
ローカル環境ではデザイン部分は問題なく表示されます。bootstrapが内部で利用しているjQuery周りが上手く動作していない感じだと思うのですが、解決に至らず。
どなたかご教授お願いいたします。

こんな画面を表示したいのですが・・・
イメージ説明

現状このような表示画面になってしまいます。

イメージ説明

試したこと

config/environments/production.rbを編集

Rails.application.configure do 〈中略〉 # Do not fallback to assets pipeline if a precompiled asset is missed. config.assets.compile = false config.assets.precompile += %w(*.js *.css *.png *.jpg *.jpeg *.gif)  〈中略〉

Precompileの実行

$ bundle exec rails assets:precompile RAILS_ENV=production yarn install v1.21.1 [1/4] Resolving packages... success Nothing to install. success Saved lockfile. Done in 0.11s. ・ ・ ・ rails aborted! SassC::SyntaxError: Error: Undefined variable: "$alert-padding-y". on line 7:12 of vendor/bundle/ruby/2.6.0/gems/bootstrap-4.4.1/assets/stylesheets/bootstrap/_alert.scss >> padding: $alert-padding-y $alert-padding-x;

$alert-padding-yが定義されていないとのエラーだったのでbootstrap/_alert.scssを確認

.alert { position: relative; padding: $alert-padding-y $alert-padding-x; margin-bottom: $alert-margin-bottom; border: $alert-border-width solid transparent; @include border-radius($alert-border-radius); } .close { position: absolute; top: 0; right: 0; padding: $alert-padding-y $alert-padding-x; color: inherit; }

Qiia記事を参考にconfig/environments/production.rbを再度編集

config.assets.precompile += %w(*.js *application.css *.png *.jpg *.jpeg *.gif)

再度Precompileを実行

$ bundle exec rails assets:precompile RAILS_ENV=production yarn install v1.21.1 [1/4] Resolving packages... success Already up-to-date. Done in 0.06s. I, [2020-02-01T09:52:46.082542 #4880] INFO -- : Writing /var/www/[アプリ名]/public/assets/bootstrap/alert-cc7f652c8be7655265003ba4bf7d3e22eee1cb31f084f323e73078b8b4bb7282.js I, [2020-02-01T09:52:46.082904 #4880] INFO -- : Writing /var/www/[アプリ名]/public/assets/bootstrap/alert-cc7f652c8be7655265003ba4bf7d3e22eee1cb31f084f323e73078b8b4bb7282.js.gz I, [2020-02-01T09:52:46.325425 #4880] INFO -- : Writing /var/www/[アプリ名]/public/assets/bootstrap/button-5eff4517f0ac30702b991c11d6eb5bb9e963e2d4f2e365c85570cf909db1d072.js ・ ・ ・

先ほどのエラーはなくなったので再度Unicorn+Nginx再起動してみたのですが、表示画面は変わらずでした。

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

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

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

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

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

guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

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

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

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

ただいまの回答率
85.35%

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

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

質問する

関連した質問