ウェブサイト検索

reactjs - Heroku create-react-app デプロイで Uncaught SyntaxError: Unexpected token <


私が create-react-app ビルドパックで Heroku アプリをデプロイするたびに、最初に自分のドメインにアクセスしようとすると、読み込まれるページは白く、開発者コンソールにはエラーが表示されます

Uncaught SyntaxError: Unexpected token <

React ビルドによって生成された main.6396d38a.js:1 ファイル内でです。しかし、ページを更新すると、ウェブサイトは問題なく動作します。これはなぜ起こるのでしょうか? npm run build および serve -s build を使用して localhost 上でエラーを再現しようとしましたが、私のウェブサイトはそこで問題なく動作しました。なぜ毎回 Heroku に React をデプロイした直後だけにこれが表示されるのでしょうか?

私の package.json には、私のウェブサイトのドメイン名(.herokuapp.com ではない)に関連付けられたホームページがあります

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

回答 #1

あなたの package.json の中で、homepage の URL が正しいことを確認してください:

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

更新

さらに調査したところ、これはキャッシュの問題であることがわかりました。クッキー、ウェブサイトのコンテンツ、DNS をクリアすることで問題は解決しました。

関連記事