Help us understand the problem. What is going on with this article?

【Rails/Heroku】Precompiling assets failed. への対処【プログラミング学習170日目】

More than 1 year has passed since last update.

はじめに

個人用の備忘録です。

Herokuにデプロイした際に、Precompiling assets failed.というエラーでハマったのでその解決方法を残しておきたいと思います。

※注意事項として、試行錯誤しながらやっと解決できた感じなので、決してスマートな解決方法ではないと思います。その点はご了承ください。そしてこうしたらスマートに解決できるよ!というご意見がございましたら是非コメントいただければ幸いです!

前提

開発環境

  • Ruby 2.5.1
  • Rails 5.2.2
  • Shrine 2.14.0

エラーの内容

Herokuへのデプロイでremote: ! Precompiling assets failed.というエラーが出てデプロイが失敗してしまう。

解決するために試したこと

まず、$ bin/rails assets:precompileをするとconfig/initializers/shrine.rb中の以下の箇所でエラーが発生していると怒られました。

下記箇所は画像アップロード用のgemとして用いたShrineの設定部分であり、開発環境では問題なく動いていた部分です。

よって、コード自体に変なミスはないと考えられました。

config/initializers/shrine.rb
 ・・・
 Shrine.storages = {
   cache: Shrine::Storage::S3.new(prefix: 'cache', **s3_options),
   store: Shrine::Storage::S3.new(prefix: 'store', **s3_options)
 }
 ・・・

これだけでは情報が少なく、対処が出来ないと思ったため、更に原因を究明するために、Heroku の assets:precompile で エラーが起きたときの調査方法を参考にし、調査を進めました。

そこで、まずは開発環境でPrecompileするために、以下を実行しました。
そして、ここは問題ないことを確認しました。

$ RAILS_ENV=development bin/rails assets:precompile

次に、本番環境でPrecompileが上手く行くかどうかを確認するために以下を実行しましたが、本番環境のS3バケット情報が定義されてないですよ、と怒られました。

$ RAILS_ENV=production bin/rails assets:precompile
  ArgumentError: the :bucket option is nil

この結果から、本番環境にS3のバケット情報が与えていない可能性が考えられたため、以下を実行しバケット情報の有無を確認することにしました。

すると、予想通り何も情報が入っていないことが分かりました。

$ echo $S3_BUCKET
$ echo $S3_REGION
$ echo $S3_ACCESS_KEY_ID
$ echo $S3_SECRET_ACCESS_KEY

そこで、Herokuにバケットの情報を与えるために、以下のようにheroku config:setコマンドでバケット情報を一通りセットしていきました。

$ heroku config:set S3_BUCKET=バケット名
$ heroku config:set S3_REGION=リージョン名
$ heroku config:set S3_ACCESS_KEY_ID=アクセスキー
$ heroku config:set S3_SECRET_ACCESS_KEY=シークレットキー

$ heroku config  # バケット情報が入ったか確認

$ heroku configではバケット情報が問題なく入っていたのですが、一方で、前述の$ echo $S3_BUCKETのような形で確認するとまだバケット情報が入っていないことが分かりました。(ここはなぜかはよく分かっていません)

そこで、改めて以下のように情報を入れていきました。

$ S3_BUCKET=バケット名
$ S3_REGION=リージョン名
$ S3_ACCESS_KEY_ID=アクセスキー
$ S3_SECRET_ACCESS_KEY=シークレットキー

前述の$ echo $S3_BUCKETで確認すると、今度はバケット情報が入ったことが分かりました。

バケット情報が入ったので、改めて本番環境でPrecompileが上手く行くかどうかを確認するために以下を実行しましたが、本番環境のS3バケット情報が定義されてないですよ、とまた怒られてしまいました。

$ RAILS_ENV=production bin/rails assets:precompile
  ArgumentError: the :bucket option is nil

そこで、$ exportコマンドにてエクスポートすることにしました。

$ export S3_BUCKET=バケット名
$ export S3_REGION=リージョン名
$ export S3_ACCESS_KEY_ID=アクセスキー
$ export S3_SECRET_ACCESS_KEY=シークレットキー

すると、ようやく$ RAILS_ENV=production bin/rails assets:precompileをしてもバケット情報についてのエラーが出なくなりました!

この後の記憶がやや曖昧なのですが、確かバケット情報についてのエラーは出なくなったものの、まだ他のエラーが続いてprecompileが失敗したため、エラーに従って本番環境用の設定ファイルに以下を追加しました。

config/environments/production.rb
# $ bin/rails assets:precompile を有効にするため
config.assets.compile = true  # falseからtrueに変更

# JavaScriptのES6に対応させるため
config.assets.js_compressor = Uglifier.new(harmony: true)

以上で、$ RAILS_ENV=production bin/rails assets:precompileをしてもremote: ! Precompiling assets failed.というエラーは出なくなりました!

まとめ

  • Herokuにデプロイした際に発生したPrecompiling assets failed.というエラーの解決方法についてまとめました。
  • $ echoコマンドなど、環境変数の設定や表示に関するコマンドについての知見が得られました。
  • 試行錯誤しながらやっと解決できた感じなので、決してスマートな解決方法ではないと思います。その点はご了承ください。

参考URL

Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
Comments
No comments
Sign up for free and join this conversation.
If you already have a Qiita account
Why do not you register as a user and use Qiita more conveniently?
You need to log in to use this function. Qiita can be used more conveniently after logging in.
You seem to be reading articles frequently this month. Qiita can be used more conveniently after logging in.
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
ユーザーは見つかりませんでした