herokuへpushする際にwebpackのエラー？

Question

前提・実現したいこと

当方プログラミング初心者です。
railsチュートリアルに取り組んでいるのですが、https://railstutorial.jp/chapters/beginning?version=6.0#code-hello_root_route
の1.5.2でつまづいています
$heroku push origin master
をしたところエラーが発生しました。
エラーコードを見て調べてみたものの、同じような事象に関するものがヒットせず、困っています。

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

気になったのは下記抜粋です。

remote:        warning " > webpack-dev-server@3.11.2" has unmet peer dependency "webpack@^4.0.0 || ^5.0.0".
remote:        warning "webpack-dev-server > webpack-dev-middleware@3.7.3" has unmet peer dependency "webpack@^4.0.0 || ^5.0.0".
remote:        [4/4] Building fresh packages...
remote:        Done in 17.94s.
remote:        I, [2021-03-20T13:38:36.722314 #2793]  INFO -- : Writing /tmp/build_20cfbf2b/public/assets/application-9da74d61bb1ecc66968e
8518bf707cc6c6212b220b079fc0184fed45c899a6c1.js
remote:        I, [2021-03-20T13:38:36.722687 #2793]  INFO -- : Writing /tmp/build_20cfbf2b/public/assets/application-9da74d61bb1ecc66968e
8518bf707cc6c6212b220b079fc0184fed45c899a6c1.js.gz
remote:        I, [2021-03-20T13:38:36.728979 #2793]  INFO -- : Writing /tmp/build_20cfbf2b/public/assets/application-e3b0c44298fc1c149afb
f4c8996fb92427ae41e4649b934ca495991b7852b855.css
remote:        I, [2021-03-20T13:38:36.729398 #2793]  INFO -- : Writing /tmp/build_20cfbf2b/public/assets/application-e3b0c44298fc1c149afb
f4c8996fb92427ae41e4649b934ca495991b7852b855.css.gz
remote:        Compiling…
remote:        Compilation failed:
remote:        [webpack-cli] Failed to load '/tmp/build_20cfbf2b/config/webpack/production.js' config

remote:        [webpack-cli] TypeError: Cannot read property 'toWebpackConfig' of undefined
remote:            at Object.<anonymous> (/tmp/build_20cfbf2b/config/webpack/production.js:5:30)
remote:            at Module._compile (/tmp/build_20cfbf2b/node_modules/v8-compile-cache/v8-compile-cache.js:192:30)
remote:            at Object.Module._extensions..js (internal/modules/cjs/loader.js:1092:10)
remote:            at Module.load (internal/modules/cjs/loader.js:928:32)
remote:            at Function.Module._load (internal/modules/cjs/loader.js:769:14)
remote:            at Module.require (internal/modules/cjs/loader.js:952:19)
remote:            at require (/tmp/build_20cfbf2b/node_modules/v8-compile-cache/v8-compile-cache.js:159:20)
remote:            at loadConfig (/tmp/build_20cfbf2b/node_modules/webpack-cli/lib/webpack-cli.js:1158:31)
remote:            at /tmp/build_20cfbf2b/node_modules/webpack-cli/lib/webpack-cli.js:1245:74
remote:            at Array.map (<anonymous>)
remote:
remote:
remote:  !
remote:  !     Precompiling assets failed.
remote:  !

試したこと

エラーに基づいて、下記も見てみましたが、対処がわかりません。

config/webpack/production.js

process.env.NODE_ENV = process.env.NODE_ENV || 'production'

const environment = require('./environment')

module.exports = environment.toWebpackConfig()

config/production/environment.js

const { environment } = require('@rails/webpacker')

module.exports = environment

すみませんがお助けいただけませんでしょうか？　よろしくお願いいたします。

Comments

[hoshi-takanori]

OS の種類と ruby や rails のバージョンはどうなってますか？

[tkhyougen]

OSはMac, ruby 2.6.5 rails 6.0.3となっております。
よろしくお願いいたします。

[tkhyougen]

OSはMac, ruby 2.6.5 rails 6.0.3となっております。
よろしくお願いいたします

[hoshi-takanori]

ruby 2.6.5 と rails 6.0.3 で試してみましたが、問題なくデプロイされました。
config/webpack/production.js や config/webpack/environment.js は特にいじってませんよね？

[tkhyougen]

```
const { environment } = require('@rails/webpacker')

module.exports = environment
```

[tkhyougen]

はい、追記しましたが、environmentはいじっていないです。
heroku stackをするとどうなっているか拝見してもよろしいでしょうか？