はじめに
「CloudFront＋S3」構成で、「Uncaught SyntaxError: Unexpected token <」が出現したので、S3に配置している
VueかReactの内容を確認しても、問題なさそうだった。
ではなぜだろうというので調べ、
解決方法は、まあそうだよねって感じですが、無駄にソース追う時間を取られたので、自分用メモ。
解決
再度、VueかReactでbuildした内容をS3にアップロードして、
"何度か" CloudFrontのキャッシュ削除を「/*」で実行する。
いつもより削除するのに時間がかかり、待っていると問題なくキャッシュ削除完了。
再度アクセスすると問題なく、画面が表示された。
キャッシュ削除しても、何度か実行してみるといいと思います。
上記にもあるように、CloudFrontのキャッシュやブラウザキャッシュをつかむことがよくあるので、
それを粘り強く（キャッシュ削除しきる）やると、うまくできます。