小编API*_*API的帖子

将reactjs应用程序部署到aws amplify会导致白屏,并显示错误“未捕获的语法错误:意外的令牌'<'”

我正在尝试将 ReactJS 应用程序部署到 aws amplify,并且一切都在本地主机和隐身浏览器窗口中最终正常运行,就在我在常规浏览器中访问我的应用程序 url 时,我收到此错误 在此输入图像描述

如果我清除浏览器 cookie 并访问 url,那很好,但每次我部署新的构建文件夹时,它都会返回到此。我尝试了几乎所有可以在互联网上找到的建议,但它仍然发生。

我尝试过的解决方案:

  1. 在 .env 文件中设置 PUBLIC_URL。
  2. 通过 S3 存储桶进行部署,而不是拖放。
  3. 添加<Router basename='/index.html'>到我的代码中。
  4. 在 package.json 中添加指向我的域的主页。
  5. 添加指向“.”的主页 在 package.json 中
  6. 在 package.json 中添加指向“./”的主页
  7. 将上述主页变体添加到公共文件夹中的manifest.json中。

有关我的环境和观察的详细信息:

  1. 我通过 Route 53 使用自定义域在 aws amplify 上托管该应用程序。
  2. 应用程序在隐身浏览器上工作得绝对正常,没有任何问题 - 所以如果代码有问题,它也应该在隐身浏览器中中断,正确吗?
  3. 解决方法是清除浏览器 cookie 并再次点击 url,但这是不可取的,因为这是生产环境,每次部署更改时,我无法要求用户清除 cookie 并重试 - 浏览器应拾取更改即刻。
  4. 以下是我编译的index.html
<html lang="en">

<head>
    <meta charset="utf-8" />
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;900&display=swap" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=Poppins:wght@400;500;600;700;900&display=swap" rel="stylesheet">
    <meta name="viewport" content="width=device-width,initial-scale=1" />
    <meta name="theme-color" content="#000000" />
    <meta name="description" content="Vaccination Verification Made Easy" …
Run Code Online (Sandbox Code Playgroud)

amazon-web-services reactjs create-react-app aws-amplify

5
推荐指数
1
解决办法
1440
查看次数