「Uncaught SyntaxError: Unexpected token '<'」Next.jsとNuxt.jsを同じドメインでデプロイ後にハマったこと

状況

ECSでのデプロイ
SPAのNuxt.jsのアプリが元からあり、SSRのNext.jsを同じドメインでホスティングする。

デプロイ時の問題

Next.jsのJSとImageが反映されていなかった
Uncaught SyntaxError: Unexpected token '<'のエラーが出ていた。

結論

ALBでJSのパスとImageのパスを指定しないとJSのファイルとImageを読み込んでくれない。
元からあるNuxt.jsを呼んでしまう。
ALBの設定↓↓↓

調べかた

検証でElementを確認。headの中を見る。

<script src="/_next/static/chunks/pages/history/list-xxxxxxxx.js" defer=""></script>

URLが https://sample.com/history/1 であれば、
https://sample.com/_next/static/chunks/pages/history/list-xxxxxxxx.jsでjsファイルが表示されていなければ、パスが通っていない。

感想

検索するとjsのミスで出るエラーという記事が多いが、こんなこともある。次からは自分で解決できるようになりたい。