React firebase error after build and deploy SyntaxError: expected expression, got '<'

Question

我正在尝试通过 firebase 部署我的 React 应用程序，但在部署后我得到一个空白页面和 SyntaxError: expected expression, got '<'。我认为这是因为它正在读取 html 中的 < 但我不确定如何解决这个问题。下面是 index.html 形式的我的构建文件夹，它被初始化为 firebase

的源

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no">
    <meta name="theme-color" content="#000000">
    <link href="../src/App.css" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=Merriweather:900" rel="stylesheet">
    <link rel="manifest" href="/CV/manifest.json">
    <link rel="shortcut icon" href="/CV/favicon.ico">
    <title>Lorenzo Wijtman</title>
    <link href="/CV/static/css/main.1b15713e.css" rel="stylesheet">
</head>

<body>
    <noscript>You need to enable JavaScript to run this app.</noscript>
    <div id="root"></div>
    <script type="text/javascript" src="/CV/static/js/main.1b785adb.js"></script>
</body>

</html>

我的firebase.json下面的内容

{
  "hosting": {
    "public": "build",
    "ignore": [
      "firebase.json",
      "**/.*",
      "**/node_modules/**"
    ],
    "rewrites": [
      {
        "source": "**",
        "destination": "/index.html"
      }
    ]
  }
}

Answer 1

您的 HTML 包含此脚本包括：

<script type="text/javascript" src="/CV/static/js/main.30b4dcd1.js"></script>

如果您尝试加载此 URL，您将看到您返回的是原始 HTML，而不是 JavaScript 文件。由于您告诉浏览器期望 JavaScript，它抱怨 angular 括号。

您似乎没有部署 /CV/static/js/main.30b4dcd1.js。由于您要告诉 Firebase Hosting 将所有内容重写为 /index.html，因此当 URL.

没有匹配文件时它就会这样做

React firebase error after build and deploy SyntaxError: expected expression, got '<'

React firebase error after build and deploy SyntaxError: expected expression, got '<'

json

firebase

firebase-hosting