[Rails6] Webpacker::Manifest::MissingEntryError

概要

Webpacker::Manifest::MissingEntryErrorの解決方法です。

環境

MacBook Pro / Apple M2 Pro / Sonoma 14.4.1
Ruby 2.6.6
rails 6.0.3.7
gem 3.0.3
rbenv 1.2.0
bundle 1.17.2
nvm 0.39.7
node v21.5.0

エラー内容

Railsでscaffoldコマンドで簡単なページを作成、rails sでサーバーを立ち上げてページにアクセスしたところ「Webpacker::Manifest::MissingEntryError」というエラーが発生した。

解決手順

GemのWebpakerのバージョンを5.4.4から5.4.3に変更し、再インストール

Gemfile

gem 'webpacker', '5.4.3'

terminal

bundle install

bable.config.jsを修正

babel.config.js

'@babel/plugin-proposal-private-methods',
'@babel/plugin-proposal-private-property-in-object',
↓
'@babel/plugin-transform-private-methods',
'@babel/plugin-transform-private-property-in-object',

nodeのバージョンを16に変更(v21だとだめだった)

nvmを入れている場合

terminal

$ nvm install 16
$ nvm use 16
$ nvm ls
->     v16.20.2
       v18.16.1
        v21.5.0
         system
$ node -v
v16.20.2

webpackをインストール＆コンパイル

terminal

rails webpacker:install
rails webpacker:compile

上記でもうまくいかない場合は、yarn.lockの削除、node_modulesフォルダの削除を行い、yarn installで再インストールしてから上記手順を再度行ってください。

参考

🔗 Qiita:【Rails6】Webpacker::Manifest::MissingEntryErrorを解決する

🔗 Qiita: 【解決】Your Yarn packages are out of date! Please run yarn install to update.

🔗 Qiita: Webpacker::Manifest::MissingEntryErrorが発生

🔗 Qiita: node.jsのバージョンアップ、バージョン切り替え

🔗 Github Issues: Rails 6.1.x rails new; rake assets:precompile is broken