単純な間違いなのですが気づくまでに時間がかかったので。
Webpacker利用時のケアレスミスに気をつけてって話。
ローカルでは問題なく動いていたのにデプロイすると
#エラー
EC2インタスタンスにsshで入りproduction.logを覗いてみると、
production.log
ActionView::Template::Error (Webpacker can't find hello_vue...
#原因
問題はhtml.erbファイルにある
<%= javascript_pack_tag 'hello_vue' %>
<%= stylesheet_pack_tag 'hello_vue' %>
この<%= stylesheet_pack_tag 'hello_vue' %>が不要！
使ってないのになぜかしれっと置いてた。
<%= javascript_pack_tag 'hello_vue' %>の方を利用することで
app/javascript/packs配下のhello_vue.jsを読み込みます。
<%= stylesheet_pack_tag 'hello_vue' %>を利用すると
app/javascript/packs配下のhello_vue.cssを読み込みます。
hello_vue.cssなんてファイル使ってなかった…
#教訓
Webpackerを利用してる時は必要ないタグを置いていると開発環境では問題なく動くが本番環境ではエラーが出てしまう！注意！