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

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

新規登録して質問してみよう
ただいま回答率
85.50%
Ruby on Rails 6

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

Heroku

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

Sass

Sassは、プログラミング風のコードでCSSを生成できるスタイルシート言語です。 scss ファイルを、変換(コンパイル)してCSSファイルを作成します。

Bootstrap

BootstrapはウェブサイトデザインやUIのWebアプリケーションを素早く 作成する可能なCSSフレームワークです。 Twitter風のデザインを作成することができます。

Q&A

解決済

1回答

535閲覧

RailsアプリをHerokuでデプロイしたい。[git push heroku master]でエラーが出る。Precompiling assets failed.

piyo106

総合スコア12

Ruby on Rails 6

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

Heroku

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

Sass

Sassは、プログラミング風のコードでCSSを生成できるスタイルシート言語です。 scss ファイルを、変換(コンパイル)してCSSファイルを作成します。

Bootstrap

BootstrapはウェブサイトデザインやUIのWebアプリケーションを素早く 作成する可能なCSSフレームワークです。 Twitter風のデザインを作成することができます。

0グッド

0クリップ

投稿2022/05/24 07:04

前提・実現したいこと

現在エンジニアスクールで学習中の初心者です。
Ruby on Rails6でオリジナルアプリを開発中です。
Herokuを用いてデプロイを試みているのですが、git push heroku masterコマンドを実行するとエラーが出てしまいます。
デプロイできるようにご教示願います。

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

git push heroku masterコマンド実行結果です。
文字数の関係で全てを貼り付けられなかったので、抜粋してます。

bash

1% git push heroku master 2 3remote: rake aborted! 4remote: Sass::SyntaxError: wrong number of arguments (1 for 4) for `rgba' 5remote: (sass):6 6remote: /tmp/build_3caaf8f1/vendor/bundle/ruby/2.6.0/gems/sass-3.7.4/lib/sass/script/tree/funcall.rb:311:in `reformat_argument_error' 7 8# 省略 /tmp/build_3caaf8f1/vendor/bundle/ruby/2.6.0/gems/sass-3.7.4/lib/sass/内等のファイル表記が続きます。 9 10remote: Caused by: 11remote: ArgumentError: wrong number of arguments (1 for 4) 12remote: /tmp/build_3caaf8f1/vendor/bundle/ruby/2.6.0/gems/sass-3.7.4/lib/sass/script/functions.rb:717:in `rgba' 13 14# 省略 /tmp/build_3caaf8f1/vendor/bundle/ruby/2.6.0/gems/sass-3.7.4/lib/sass/内等のファイルの表記が続きます。 15 16remote: Tasks: TOP => assets:precompile 17remote: (See full trace by running task with --trace) 18remote: 19remote: ! 20remote: ! Precompiling assets failed. 21remote: ! 22remote: ! Push rejected, failed to compile Ruby app. 23remote: 24remote: ! Push failed 25remote: Verifying deploy... 26remote: 27remote: ! Push rejected to share-recipes-37542. 28remote: 29To https://git.heroku.com/share-recipes-37542.git 30 ! [remote rejected] master -> master (pre-receive hook declined) 31error: failed to push some refs to 'https://git.heroku.com/share-recipes-37542.git'

エラーの原因はおそらくこの辺りの表記にあるのではないかと思っています。

bash

1rake aborted! 2 Sass::SyntaxError: wrong number of arguments (1 for 4) for `rgba' 3 (sass):6 4#中略 5Caused by: 6 ArgumentError: wrong number of arguments (1 for 4)

自分で調べたことや試したこと

Sassの構文エラーや引数エラーでうまくコンパイルが出来てないということなのかなと思ってはいるのですが、どうしたらいいのかが見当つきません。

直接のエラーではないとは思うのですが、ここの表記も気になっています。

bash

1Post-install message from sass: 2Ruby Sass has reached end-of-life and should no longer be used. 3 4 * If you use Sass as a command-line tool, we recommend using Dart Sass, the new 5 primary implementation: https://sass-lang.com/install 6 7 * If you use Sass as a plug-in for a Ruby web framework, we recommend using the 8 sassc gem: https://github.com/sass/sassc-ruby#readme 9 10 * For more details, please refer to the Sass blog: 11 https://sass-lang.com/blog/posts/7828841 12 13 Bundle completed (131.84s)

Ruby Sassのサポートが終了しているのでsassc gemを使うようにしてくださいと言われているようなので、とりあえずsasscのGemを導入してみましたが、変化なしでした。

Bootstrap5を導入しているのですが、それがエラーの一因なのだろうかとも考えているのですが、わかりません。

拙い説明ですが、ぜひご教示よろしくお願いします。

使っているツールのバージョンなど補足情報

Rails 6.0.5
ruby 2.6.5
heroku/7.60.2
darwin-x64
node-v14.19.0

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

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

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

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

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

guest

回答1

0

自己解決

rgbaの引数エラーということで、cssファイルを確認したところrgba(0 0 0 / 0)と記述している部分がありましたので、rgba(0, 0, 0, 0)の表記に変更したところエラー文は解消されました!
が、また異なるエラーが出てしまいました。。。
とりあえず、今回の質問に関しては自己解決ということにします。

投稿2022/05/24 14:13

piyo106

総合スコア12

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

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

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.50%

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

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

質問する

関連した質問