環境

Rails 5.2
Ruby 2.6

フロント側ではvue+vuex+vue-routerを使用

症状

herokuにプッシュしようとしたら、Precompiling assets failedのメッセージが出て、デプロイが失敗する。

ログの上のほうには
Field 'browser' doesn't contain a valid alias configuration
のメッセージあり。

原因

パッケージの依存関係に問題あり?

https://stackoverflow.com/questions/61956924/rails-field-browser-doesnt-contain-a-valid-alias-configuration-when-pushing

package.json

{
  "name": "mapApp",
  "private": true,
  "dependencies": {
    "@rails/webpacker": "5.1.1",
    "axios": "^0.20.0",
    "google-maps-api-loader": "^1.1.1",
    "leader-line-vue": "^2.1.1",
    "vue": "^2.6.11",
    "vue-loader": "^15.9.2",
    "vue-router": "^3.4.3",
    "vue-template-compiler": "^2.6.11",
    "vuex": "^3.5.1"
  },
  "devDependencies": {
    "webpack-dev-server": "^3.11.0"
  }
}

解決方法

片っ端からパッケージのアンインストールとインストールをしたら、デプロイできました。
（npmとyarnを共存させると良くないと思ったので、インストール時にはyarnを使ってます）

npm uninstall vuex 

yarn add vuex

//vuexだけでなくvue-routerや他のパッケージにも同じ操作

Precompiling assets failedの原因は、scssとcss起因のものなど色々あるそうですが、
とりあえず今回はこれで解決できました