CloudFrontを導入してからブラウザ再読込しないとトップページを表示できなくなった話

ブラウザ再読込をすると表示できるのですが、こういったエラーが出てトップページを表示できなくなってしまいました。

エラーメッセージが示す余分な「<」が問題というより、今回の場合問題箇所のmain.jsはどうやら古いキャッシュのようで、ブラウザ再読込するとこのmain.jsが更新されエラーが消えるというなんとも嫌な状態です。

解決策としては、cloudfrontのBehaviorタブからMinimum TTL・Maximum TTL・Default TTLを0にすることで解決しました。