自分がつまづいた部分は
1 Command "webpack" not found.
2 パッケージのバージョンのエラー
3 herokuでgit push heroku mainすると画像のデータが消える。Active strageにはデータとしては存在する
でした。
Command "webpack" not found.の話
結論から言うとnode.jsを先にインストールしたら直りました。
バージョンの話が色々とネットには溢れていましたが自分の場合はすごく初歩的な問題でした。
けどこう言う問題も初心者のうちは気付けないから怖いですね。
この順番にインストールしてくれたらOKです。
パッケージのバージョンのエラー
環境
ruby:3.2.2
rails:7.0.8
node.js:18.19.0
この環境では以下のバージョンにしないとエラーが出ました。
"bootstrap": "^4"
"date-fns": "^2.0.0"
@import '@fortawesome/fontawesome-free/scss/fontawesome';
に至ってはどのバージョンでもデプロイできませんでした。
herokuでgit push heroku mainすると画像のデータが消える
AWSのS3を活用したら画像が持続的に保存されるようになりました。
herokuでは画像が継続的に保持される仕組みになっていないそうです。
この話は有名なので参考にしたサイトを貼っておきます。
昔の情報も多く、レイアウトに変更があった箇所もあり混乱しましたがこれらの記事を見たら解決しました。
参考にしてください。