【问题标题】:Heroku create-react-app deploy Uncaught SyntaxError: Unexpected token <Heroku create-react-app deploy Uncaught SyntaxError: Unexpected token <
【发布时间】:2020-01-05 19:42:21
【问题描述】:

每当我使用 create-react-app buildpack 部署我的 heroku 应用程序时,我第一次尝试访问我的域时,加载的页面是白色的,并且开发者控制台中出现错误提示

Uncaught SyntaxError: Unexpected token <

在由 react 构建生成的文件 main.6396d38a.js:1 中。但是,当我刷新页面时,该网站运行良好。这有可能发生的原因吗?我尝试使用npm run buildserve -s build 在我的localhost 上复制错误,但我的网站在那里运行良好。为什么每次 react 部署到 heroku 后这只会出现一次?

我的 package.json 有一个与我网站的域名相关联的主页(不是 .herokuapp.com)

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

【问题讨论】:

  • 这可能是缓存问题还是可能正在加载额外的块?
  • 我认为这不是缓存问题,因为我可以在不同的浏览器之间复制错误。额外的块是什么意思?

标签: reactjs typescript heroku create-react-app


【解决方案1】:

在您的package.json 中确保您的homepage URL 正确:

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

更新

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

【讨论】:

  • @JohnDoe 你试过type="text/babel" on script 标签技巧吗?
  • 这是问题 - 在main.6396d38a.js的第1行
  • 是的,我的意思是代码行。快速提问。你使用的是什么版本的 react-scripts,它使用的是 babel 还是 JSTransform?你使用 JSX 吗?
  • 文件在构建中被缩小,所以代码行并不重要。我正在使用 react-scripts-ts 3.1.0 版本,它正在使用 babel。
  • 你在使用 TSX 吗?
猜你喜欢
  • 2020-12-05
  • 2015-12-28
  • 1970-01-01
  • 2018-09-11
  • 2021-08-05
  • 2020-10-12
  • 2020-04-18
  • 2019-09-13
  • 2019-08-08
相关资源
最近更新 更多