Heroku创建React应用程序部署时出现"Uncaught SyntaxError: Unexpected token <"错误

Question

无论何时我使用create-react-app buildpack部署我的heroku应用程序，第一次尝试访问我的域名时，加载的页面是白色的，在开发者控制台中会出现错误提示。

Uncaught SyntaxError: Unexpected token <

在由React构建生成的文件main.6396d38a.js：1中，我刷新页面后网站可以正常工作。这可能有什么原因呢？我尝试在我的localhost上使用npm run build和serve -s build来复制错误，但是我的网站在那里完全正常。为什么每次将React部署到Heroku后只会显示一次这个问题？

我的package.json文件与我的网站域名（不是.herokuapp.com）相关联：

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

- rma

---

这可能是缓存问题，或者有可能正在加载其他的代码块？ - Riddell

我认为这不是缓存问题，因为我可以在不同的浏览器中复制错误。你所说的“额外块”是什么意思？ - rma

Answer 1

在您的 package.json 文件中，请确保您的 homepage URL 正确无误：

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

---

更新

进一步调查表明这是一个缓存问题。清除cookies、网站内容和DNS可以解决该问题。

- Riddell

---

问题就在这里 - 在 main.6396d38a.js 的第1行。 - rma

是的，我指的是这一行代码。请问一下，您使用的是哪个版本的 react-scripts，并且它是在使用 Babel 还是 JSTransform？您是否使用 JSX？ - Riddell

是的，我正在使用TSX。 - rma

你只使用 Tsx 还是混合使用 Jsx？我试图缩小问题范围，看看是否是 webpack 的问题。 - Riddell

让我们在聊天中继续这个讨论。 - rma