【Herokuデプロイエラー】Precompiling assets failed / Error: Cannot find package '@babel/plugin-proposal-private-property-in-object' 対処法

はじめに

Ruby on RailsアプリをHerokuにデプロイしようとして、
Precompiling assets failed. というエラーになり、はまってしまったので
その対処法を記述しておきます。

環境

ruby 3.0.1
Rails 6.0.6.1

エラー内容

Herokuデプロイ時、 git push heroku masterを実行したところ、以下エラーが発生しました。

Precompiling assets failed
Error: Cannot find package '@babel/plugin-proposal-private-property-in-object'

解決方法

以下のコマンドを実行

ターミナル

$ yarn add @babel/plugin-proposal-private-methods
$ yarn add @babel/plugin-proposal-private-property-in-object

その結果、package.jsonは、このような構成になる。

※@babel/plugin-proposal-private-property-in-object が、dependenciesではなく、devDependenciesの中に配置される場合があります。その時は、devDependencies内の@babel/plugin-proposal-private-property-in-objectを削除し、再度 yarn add @babel/plugin-proposal-private-property-in-object を実行すると解消されます

続いて、yarn.lockファイルと、node_modulesフォルダを削除し

以下3つのコマンドを実行

ターミナル

$ yarn install

ターミナル

$ rails webpacker:compile

ターミナル

$ RAILS_ENV=production bin/webpack

（実行した結果がこちら）

ここから

ターミナル

$ git add .
$ git commit -m "(コミットメッセージ)"
$ git push heroku master

にて、無事デプロイ成功！！

参考にさせていただいた記事

Webpacker::Manifest::MissingEntryErrorについて