ほとんど下記記事と同じ。
以下のみ異なる。
ブラウザのHerokuダッシュボードで、作成したアプリのsetting(https://dashboard.heroku.com/apps/{アプリ名}/settings)Add buildpackをクリックし、node.jsを選択し、Enter Buildpack URLに、
https://github.com/mars/create-react-app-buildpack
を入力し、Save ChangesReactのソースコードのpackage.jsonに以下を追記(バージョンはローカルで使っているものを
node -v
、npm -v
で確認して指定。)
"engines": { "node": "16.10.0", "npm": "6.14.11" }
Vueのプロジェクトでも同じだと思う。