はじめに

「CloudFront＋S3」構成で、「Uncaught SyntaxError: Unexpected token <」が出現したので、S3に配置している
VueかReactの内容を確認しても、問題なさそうだった。

ではなぜだろうというので調べ、

解決方法は、まあそうだよねって感じですが、無駄にソース追う時間を取られたので、自分用メモ。

解決

再度、VueかReactでbuildした内容をS3にアップロードして、
"何度か" CloudFrontのキャッシュ削除を「/*」で実行する。

いつもより削除するのに時間がかかり、待っていると問題なくキャッシュ削除完了。
再度アクセスすると問題なく、画面が表示された。

キャッシュ削除しても、何度か実行してみるといいと思います。

上記にもあるように、CloudFrontのキャッシュやブラウザキャッシュをつかむことがよくあるので、
それを粘り強く（キャッシュ削除しきる）やると、うまくできます。