🎄teratailクリスマスプレゼントキャンペーン2024🎄』開催中!

\teratail特別グッズやAmazonギフトカード最大2,000円分が当たる!/

詳細はこちら
Heroku

HerokuはHeroku社が開発と運営を行っているPaaSの名称です。RubyやNode.js、Python、そしてJVMベース(Java、Scala、Clojureなど)の複数のプログラミング言語をサポートしている。

PostgreSQL

PostgreSQLはオープンソースのオブジェクトリレーショナルデータベース管理システムです。 Oracle Databaseで使われるPL/SQLを参考に実装されたビルトイン言語で、Windows、 Mac、Linux、UNIX、MSなどいくつものプラットフォームに対応しています。

Q&A

解決済

1回答

1797閲覧

Heroku openをすると、エラー表示(画像記載)

nissyan

総合スコア15

Heroku

HerokuはHeroku社が開発と運営を行っているPaaSの名称です。RubyやNode.js、Python、そしてJVMベース(Java、Scala、Clojureなど)の複数のプログラミング言語をサポートしている。

PostgreSQL

PostgreSQLはオープンソースのオブジェクトリレーショナルデータベース管理システムです。 Oracle Databaseで使われるPL/SQLを参考に実装されたビルトイン言語で、Windows、 Mac、Linux、UNIX、MSなどいくつものプラットフォームに対応しています。

0グッド

0クリップ

投稿2019/12/01 12:44

編集2019/12/01 17:13

![イメージ説明

開発は、OS: MacOS 言語: Ruby, フレームワーク: Ruby on Rails(erbでHTMLをコーディング) DB: PostgreSQLを使用しています。

下記は、バージョンを記載しています。

Heroku-v :7.35.0 darwin-x64
node.js -v   :10.16.3
postgreSQL -v :12.1
rails -v     :5.2.4
ruby -v   :2.5.1p57[x86_64-darwin19]


解決したい事:

Heroku openで起きるエラー解決
ActionViewでエラーが起きている模様

Error内容:

Heroku logで確認
Completed 500 Internal Server Error in 181ms (ActiveRecord: 17.1ms)
ActionView::Template::Error (The asset "logo.png" is not present in the asset pipeline.):
<%= image_tag 'logo.png', alt:'logo', width:'50px'%>

解決のために確認した事:

①image_tag "logo.png"の記入ミスを確認
②asset/imagesの中に画像もあることを確認
③public/assetsにも同じimage画像を挿入
④environments/production.rbを、config.assets.compile = falseをtrueに変更
⑤config/application.rbのclass Applicationに、config.assets.initialize_on_precompile = falseを追加
⑥ ⑤を追加後、$rake assets:precompileを実行し、
yarn install v1.19.1
info No lockfile found.
[1/4] ???? Resolving packages...
[2/4] ???? Fetching packages...
[3/4] ???? Linking dependencies...
[4/4] ???? Building fresh packages...
success Saved lockfile.
が出力される

他確認すべきこと、エラー解決に必要な情報がわかりません。
以上、すみませんがよろしくお願いします。

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

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

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

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

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

yuwki0131

2019/12/01 13:09

少し気になったのですが、 >> asset/imagesの中に画像もあることを確認 の箇所ですが、assetではなく、app/assets/imagesにあることを確認した、という意味でよろしいでしょうか? プリプロセスが必要なファイルはapp/assetsディレクトリの下に置く必要があるようですので。。。 参考: https://railsguides.jp/asset_pipeline.html
nissyan

2019/12/01 13:49 編集

コメントありがとうございます。 おっしゃる通りで、app/assets/imagesの中にあります。 app/aseestsの以下にimage画像をおくべきということですか? 以上、すみませんが一度ご確認をお願いいたします。
yuwki0131

2019/12/01 14:20

なるほど。。。 app/assets/images内ではなく、app/asset/images内に該当のロゴファイルがあるようでしたら、ディレクトリ名が間違っているのかな、と思いコメントしました。 app/assets/imageにあるのでしたら、ロゴ画像が入っているディレクトリ名は間違っていませんね。 画像に関しては、app/assets/imagesにおいてあるのでは問題ないかと思われます。失礼しました。。。
nissyan

2019/12/01 14:54

いえ、お忙しい中コメントありがとうございました。
guest

回答1

0

自己解決

画像の前に/images/をつけると表示はできました。
ありがとうございました。

投稿2019/12/02 09:40

nissyan

総合スコア15

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

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

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.36%

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

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

質問する

関連した質問