heroku デプロイができない

Question

Herokuヘアプリケーション情報をPushしたい

herokuへデプロイする際、

Error: Cannot find module 'vue-loader'

上記が表示されました。

rails 6 , bootstrapを使用しています。

npmの更新や、
webpack、yarnの導入を行いましたが
エラーは変わりません。

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

remote:        Compiling...
remote:        Compilation failed:
remote:        /tmp/build_d358e689/node_modules/webpack-cli/bin/cli.js:93
remote:                                 throw err;
remote:                                 ^
remote:        
remote:        Error: Cannot find module 'vue-loader'
remote:        Require stack:

該当のソースコード

const { environment } = require('@rails/webpacker')
const { VueLoaderPlugin } = require('vue-loader')
const vue = require('./loaders/vue')

module.exports = {
  module: {
    rules: [
      // ... other rules
      {
        test: /.vue$/,
        loader: 'vue-loader'
      }
    ]
  },
  plugins: [
    // make sure to include the plugin!
    new VueLoaderPlugin()
  ]
}

module.exports = environment
environment.plugins.prepend('VueLoaderPlugin', new VueLoaderPlugin())
environment.loaders.prepend('vue', vue)

// Vue.js フル版（Compiler入り）
environment.config.resolve.alias = { 'vue$': 'vue/dist/vue.esm.js' }

// ここから
// jQueryとBootstapのJSを使えるように
const webpack = require('webpack')
environment.plugins.prepend(
  'Provide',
  new webpack.ProvidePlugin({
    $: 'jquery',
    jQuery: 'jquery',
    Popper: 'popper.js'
  })
)
// ここまで
module.exports = environment

参考URL
teratail内で、類似の質問がありました。
回答には、『手動で〜』と記載があります。
どこに記述すれば良いのかが不明確です。

ご教授いただけると幸いです。
よろしくお願いします。