JSON::ParserError: 416 によりデプロイできない。

Question

###解決したいこと
Railsのバージョンを上げました。そしたら、Herokuへデプロイする際、JSON::ParserError: 416 のエラーが出るようになってしまいました。
色々と検索したりしておりますが、JSON::ParserError: 416 の情報がネット上に少なく、未だ一人で解決できずにいます。
ぜひお力添えをいただければ幸いです。

Rails 5.2.6
ruby 2.5.0p0
Bundler version 2.2.17

remote: -----> Preparing app for Rails asset pipeline
remote:        Running: rake assets:precompile
remote:        Yarn executable was not detected in the system.
remote:        Download Yarn at https://yarnpkg.com/en/docs/install
remote:        rake aborted!
remote:        JSON::ParserError: 416: unexpected token at '{"code":"!function(t,e){\"object\"==typeof module&&\"object\"==typeof module.exports?module.exports=t.document?e(t,!0):function(t){if(!t.document)throw new Error(\"jQuery requires a window with a document\");return e(t)}:e(t)}(\"undefined\"!=typeof window?window:this,function(E,t){function a(t){var e=!!t&&\"length\"in 
.
.（文字数の関係上省略）
.
.
{}}e&&this.empty().append(t)},null,t,arguments.length)},replaceWith:function(){var n=[];return A(this,arguments,function(t){var e=this.parentNode;ft.inArray(this,n)<0&&(ft.cleanDa'
remote:        /tmp/build_f6b23ca5/vendor/bundle/ruby/2.5.0/gems/execjs-2.8.0/lib/execjs/external_runtime.rb:68:in `extract_result'
remote:        /tmp/build_f6b23ca5/vendor/bundle/ruby/2.5.0/gems/execjs-2.8.0/lib/execjs/external_runtime.rb:39:in `exec'
remote:        /tmp/build_f6b23ca5/vendor/bundle/ruby/2.5.0/gems/execjs-2.8.0/lib/execjs/external_runtime.rb:21:in `eval'
remote:        /tmp/build_f6b23ca5/vendor/bundle/ruby/2.5.0/gems/execjs-2.8.0/lib/execjs/external_runtime.rb:46:in `call'
remote:        /tmp/build_f6b23ca5/vendor/bundle/ruby/2.5.0/gems/uglifier-4.2.0/lib/uglifier.rb:221:in `run_uglifyjs'
remote:        /tmp/build_f6b23ca5/vendor/bundle/ruby/2.5.0/gems/uglifier-4.2.0/lib/uglifier.rb:166:in `compile'
remote:        /tmp/build_f6b23ca5/vendor/bundle/ruby/2.5.0/gems/sprockets-3.7.2/lib/sprockets/uglifier_compressor.rb:53:in `call'
remote:        /tmp/build_f6b23ca5/vendor/bundle/ruby/2.5.0/gems/sprockets-3.7.2/lib/sprockets/uglifier_compressor.rb:28:in `call'
remote:        /tmp/build_f6b23ca5/vendor/bundle/ruby/2.5.0/gems/sprockets-3.7.2/lib/sprockets/processor_utils.rb:75:in `call_processor'
remote:        /tmp/build_f6b23ca5/vendor/bundle/ruby/2.5.0/gems/sprockets-3.7.2/lib/sprockets/processor_utils.rb:57:in `block in call_processors'
remote:        /tmp/build_f6b23ca5/vendor/bundle/ruby/2.5.0/gems/sprockets-3.7.2/lib/sprockets/processor_utils.rb:56:in `reverse_each'
remote:        /tmp/build_f6b23ca5/vendor/bundle/ruby/2.5.0/gems/sprockets-3.7.2/lib/sprockets/processor_utils.rb:56:in `call_processors'
remote:        /tmp/build_f6b23ca5/vendor/bundle/ruby/2.5.0/gems/sprockets-3.7.2/lib/sprockets/loader.rb:134:in `load_from_unloaded'
remote:        /tmp/build_f6b23ca5/vendor/bundle/ruby/2.5.0/gems/sprockets-3.7.2/lib/sprockets/loader.rb:60:in `block in load'
remote:        /tmp/build_f6b23ca5/vendor/bundle/ruby/2.5.0/gems/sprockets-3.7.2/lib/sprockets/loader.rb:317:in `fetch_asset_from_dependency_cache'
remote:        /tmp/build_f6b23ca5/vendor/bundle/ruby/2.5.0/gems/sprockets-3.7.2/lib/sprockets/loader.rb:44:in `load'
remote:        /tmp/build_f6b23ca5/vendor/bundle/ruby/2.5.0/gems/sprockets-3.7.2/lib/sprockets/cached_environment.rb:20:in `block in initialize'
remote:        /tmp/build_f6b23ca5/vendor/bundle/ruby/2.5.0/gems/sprockets-3.7.2/lib/sprockets/cached_environment.rb:47:in `load'
remote:        /tmp/build_f6b23ca5/vendor/bundle/ruby/2.5.0/gems/sprockets-3.7.2/lib/sprockets/base.rb:66:in `find_asset'
remote:        /tmp/build_f6b23ca5/vendor/bundle/ruby/2.5.0/gems/sprockets-3.7.2/lib/sprockets/base.rb:73:in `find_all_linked_assets'
remote:        /tmp/build_f6b23ca5/vendor/bundle/ruby/2.5.0/gems/sprockets-3.7.2/lib/sprockets/manifest.rb:142:in `block in find'
remote:        /tmp/build_f6b23ca5/vendor/bundle/ruby/2.5.0/gems/sprockets-3.7.2/lib/sprockets/legacy.rb:114:in `block (2 levels) in logical_paths'
remote:        /tmp/build_f6b23ca5/vendor/bundle/ruby/2.5.0/gems/sprockets-3.7.2/lib/sprockets/path_utils.rb:228:in `block in stat_tree'
remote:        /tmp/build_f6b23ca5/vendor/bundle/ruby/2.5.0/gems/sprockets-3.7.2/lib/sprockets/path_utils.rb:212:in `block in stat_directory'
remote:        /tmp/build_f6b23ca5/vendor/bundle/ruby/2.5.0/gems/sprockets-3.7.2/lib/sprockets/path_utils.rb:209:in `each'
remote:        /tmp/build_f6b23ca5/vendor/bundle/ruby/2.5.0/gems/sprockets-3.7.2/lib/sprockets/path_utils.rb:209:in `stat_directory'
remote:        /tmp/build_f6b23ca5/vendor/bundle/ruby/2.5.0/gems/sprockets-3.7.2/lib/sprockets/path_utils.rb:227:in `stat_tree'
remote:        /tmp/build_f6b23ca5/vendor/bundle/ruby/2.5.0/gems/sprockets-3.7.2/lib/sprockets/legacy.rb:105:in `each'
remote:        /tmp/build_f6b23ca5/vendor/bundle/ruby/2.5.0/gems/sprockets-3.7.2/lib/sprockets/legacy.rb:105:in `block in logical_paths'
remote:        /tmp/build_f6b23ca5/vendor/bundle/ruby/2.5.0/gems/sprockets-3.7.2/lib/sprockets/legacy.rb:104:in `each'
remote:        /tmp/build_f6b23ca5/vendor/bundle/ruby/2.5.0/gems/sprockets-3.7.2/lib/sprockets/legacy.rb:104:in `logical_paths'
remote:        /tmp/build_f6b23ca5/vendor/bundle/ruby/2.5.0/gems/sprockets-3.7.2/lib/sprockets/manifest.rb:140:in `find'
remote:        /tmp/build_f6b23ca5/vendor/bundle/ruby/2.5.0/gems/sprockets-3.7.2/lib/sprockets/manifest.rb:186:in `compile'
remote:        /tmp/build_f6b23ca5/vendor/bundle/ruby/2.5.0/gems/sprockets-rails-3.2.2/lib/sprockets/rails/task.rb:67:in `block (3 levels) in define'
remote:        /tmp/build_f6b23ca5/vendor/bundle/ruby/2.5.0/gems/sprockets-3.7.2/lib/rake/sprocketstask.rb:147:in `with_logger'
remote:        /tmp/build_f6b23ca5/vendor/bundle/ruby/2.5.0/gems/sprockets-rails-3.2.2/lib/sprockets/rails/task.rb:66:in `block (2 levels) in define'
remote:        Tasks: TOP => assets:precompile
remote:        (See full trace by running task with --trace)
remote: 
remote:  !
remote:  !     Precompiling assets failed.
remote:  !
remote:  !     Push rejected, failed to compile Ruby app.

###やってること
①こちらのサイトで、unexpected token at以降に吐き出している部分をVALIDATEしました。
http://jsonlint.com

おそらく、"code":の　：が違う！と言われているような気がしますが、application.js内にcodeという単語はありません。また、schemaにもございません。
把握するにあたり、必要な情報がございましたら追記しますのでお教えください。

②delvelopmentではエラーは出ませんが、

RAILS_ENV=development bin/rails assets:precompile

productionで確認してみると、

RAILS_ENV=production bin/rails assets:precompile

[1/4] ????  Resolving packages...
success Nothing to install.
success Saved lockfile.
✨  Done in 0.10s.
rails aborted!
JSON::ParserError: 416: unexpected token at '{"code":"(function............

が発生します。

railsやbundlerなどのバージョンを上げた為に、発生しましたので、もし近日で解決できなければバージョンをダングレードしたりして対応したいと思ってます。。

STDERR.puts uriをbase.rbの指定の箇所へ追加して、RAILS_ENV=production bin/rails assets:precompileで出力

#abortedの最初の部分
file:///Users/XOXO/saas/app/assets/images/favicon.png?type=image/png
file:///Users/XOXO/saas/app/assets/images/personalfile-top.jpg?type=image/jpeg
file:///Users/XOXO/saas/app/assets/javascripts/application.js?type=application/javascript
rails aborted!
JSON::ParserError: 416: unexpected token at '{"code":"(function..

#unexpected token at '{の最後の部分
"input\"===e&&!!t.checked||\"option\"===e&&!!t.selected},selected:function(t){return t.parentNode&&t.parentNode.selectedIndex,!0===t.selected},empty:function(t){for(t=t.firstChild;t;t=t.nextSibling)if(t.nodeType<6)return!1;return!0},parent:function(t){return!S.pseudos.empty(t)},header:function(t){return mt.test(t.nodeName)},input:function(t){return ht.test(t.nodeName)},button:function(t){var e=t.nodeName.toLowerCase();return\"input\"===e&&\"button\"===t.type||\"button\"===e},text:function(t){var e;return\"input\"===t.nodeName.toLowerCase()&&\"text\"===t.type&&(null==(e=t.getAttribute(\"type\"))||\"text\"===e.toLowerCase())},first:a(function(){return[0]}),last:a(function(t,e){return[e-1]}),eq:a(function(t,e,n){return[n<0?n+e:n]}),even:a(function(t,e){for(var n=0;n<e;n+=2)t.push(n);return t}),odd:a(function(t,e){for(var n=1;n<e;n+=2)t.push(n);return t}),lt:a(function(t,e,n){for(var r=n<0?n+e:n;0<=--r;)t.push(r);return t}),gt:a(function(t,e,n){for(var r=n<0?n+e:n;++r<e;)t.push(r);return t})}}).pseudos.nth=S.pseudos.eq,{radio:!0,checkbox:!0,file:!0,password:!0,image:!0})S.pseudos[h]=r(h);for(h in{submit:!0,reset:!0})S.pseudos[h]=o(h);return s.prototype=S.filters=S.pseudos,S.setFilters=new s,k=w.tokenize=function(t,e){var n,r,i,o,a,s,u,l=U[t+\" \"];if(l)return e?0'

appplication.jsの内容を全て削除し、以下のようにしましたが、デプロイはできませんでした

//= require rails-ujs
//= require activestorage
//= require jquery
//= require jquery_ujs
//= require turbolinks
//= require_tree .

しかし、STDERR.puts uriを残したまま、デプロイを行いましたところ、以下のような内容が出力されました

bundle lock --add-platform x86_64-linuxの実行結果

MacBook-Air:saas XOXO$ bundle lock --add-platform x86_64-linux
Fetching gem metadata from https://rubygems.org/............
Resolving dependencies.....
Writing lockfile to /Users/XOXO/saas/Gemfile.lock

Answer 1

泥臭い方法ですが

remote: /tmp/build_f6b23ca5/vendor/bundle/ruby/2.5.0/gems/sprockets-3.7.2/lib/sprockets/base.rb:66:in `find_asset'

ここに

    # Find asset by logical path or expanded path.
    def find_asset(path, options = {})
      uri, _ = resolve(path, options.merge(compat: false))
      if uri
+       STDERR.puts uri
        load(uri)
      end
    end

パッチを当ててしまいます。
この状態でローカルにてRAILS_ENV=production bin/rails assets:precompileを実行し
最後に出力されたuriになんらかのエラーが含まれている事になります。

特定後はパッチを除去する事を忘れずに

Comments

[tomtom1]

ご回答ありがとうございます！随分と長いこと解決できずにいたので助言嬉しいです。
ご指示のようにやりましたが、「なんらかのエラーが含まれている..」の箇所を見つけることができませんでした。「最後に出力されたuri」とは、どこになりますでしょうか？質問に追記させて致しました。

[asm]

rails aborted直前に「file:///Users/XOXO/saas/app/assets/javascripts/application.js?type=application/javascript」が表示されているので
おそらく、「/Users/XOXO/saas/app/assets/javascripts/application.js」がなんらかの要因でprecompileできていません。

[tomtom1]

ありがとうございます！application.jsが問題とのことでしたので、jsファイルの内容を削除した上で一度デプロイしてみましたが、rejectでした。
その内容を追記しましたが、こちらは、nokogiri-1.11.3が入っていない為、reject出てるということでしょうか...。

[asm]

bundle lock　--add-platform x86_64-linux
をローカルで実行すると結果は変わりませんか？

[tomtom1]

実行した上で、Herokuへデプロイしましたが、先ほどの結果と変わらず。
実行結果も追記しました！

[tomtom1]

bundlerの違いによるエラーの可能性はありますでしょうか？
Your app was upgraded to bundler 2.2.16.
remote: Previously you had a successful deploy with bundler 2.0.2.
.
.
remote: -----> Installing dependencies using bundler 2.2.16
となっておりますが、
MacBook-Air:app XOXO$ bundler -v
Bundler version 2.2.17 です。

[asm]

https://github.com/heroku/heroku-buildpack-ruby/issues/1106
によると
bundle lock --add-platform ruby
も必要のようですね。

[tomtom1]

bundle lock --add-platform x86_64-linux
↓
bundle lock --add-platform ruby
↓
RAILS_ENV=production bin/rails assets:precompile
↓
file:///Users/ XOXO/saas/app/assets/javascripts/application.js?type=application/javascript
rails aborted!
JSON::ParserError: 416: unexpecte.......
という流れでよろしいでしょうか？現状としてエラー変わらずです。

[tomtom1]

ちなみに、nokogiriについては以下のコマンドで解決しております。
（https://stackoverflow.com/questions/66308227/could-not-find-nokogiri-1-11-1-in-any-of-the-sources-while-deploying-a-heroku-ap）
rm -rf vendor/cache
bundle config set force_ruby_platform true
bundle install

[asm]

状況がよくわかりませんが、変わらずJSON::ParserErrorが出るということでしょうか?

[tomtom1]

そうです。以下のように出力されます。
file:///Users/XOXO/saas/app/assets/javascripts/application.js?type=application/javascript
rails aborted!
JSON::ParserError: 416:

[asm]

bin/rails assets:clobber
bin/rails assets:precompile
でダメだった場合は
config/environment/production.rbから
config.assets.js_compressor = :uglifier
をコメントアウトでとりあえず対処ですね

[tomtom1]

アドバイスありがとうございます！
bin/rails assets:clobber
bin/rails assets:precompile
では、エラーは変わらずでしたが、ご指示の箇所をコメントアウトしましたころ、エラーが消えました！
本番環境にデプロイしてみたいと思いますが、

なぜエラーが消えたのでしょうか？
config.assets.js_compressor = :uglifier →ファイルを圧縮する。（https://qiita.com/shizuma/items/1980bf885906c73238b6）と理解しましたが、
今回のエラーの原因と、そして今回の解決において全く理解ができずにおりますので、恐れ入りますがお教えいただければ幸いです。

[tomtom1]

ありがとうございます！無事にデプロイできました！！
認識として、Railsの新しいversionは、sass-railsやuglifierといったフロント関連のgemが消えた為に、利用できないあるいは推奨されておらず、今回のpushの際にjsあたりで、JSON::ParserError: 416:のエラーが発生。uglifierをコメントアウトすることにより、uglifierというgemを無効にしたことにより、解決に至ったと認識しました。

[asm]

正直、原因はよくわかりません。
ただ、
> gems/uglifier-4.2.0/lib/uglifier.rb:166:in `compile'
からわかるとおり、uglifierによるjavascriptのminifyが失敗しているようなので
とりあえずの対策としてuglifierを使わないという選択をしただけです。