Heroku create-react-app deploy Uncaught SyntaxError: Unexpected token <

Question

Whenever I deploy my heroku app with the create-react-app buildpack, the first time I try to access my domain, the page loaded is white and there is an error in the developer console saying

Uncaught SyntaxError: Unexpected token <

in the file main.6396d38a.js:1 which is generated by the react build. However, when I refresh the page, the website works perfectly fine. Is there a reason this could be happening? I tried to replicate the error on my localhost using npm run build, and serve -s build but my website works perfectly fine there. Why would this only show up once after every react deploy to heroku?

My package.json has a homepage associated with the domain name of my website (not .herokuapp.com)

"homepage": "https://www.example.com/"

Answer 1

Inside your package.json make sure your homepage URL is correct:

"homepage": "https://app.herokuapp.com/"

---

Update

Further investigation shows this was a caching issue. Clearing cookies, website content, and DNS fixed the issue.