使用 Firebase 托管部署我的 Flutter Web 应用程序后出现错误答案

【问题标题】：Errors after deploying my flutter web app using Firebase Hosting使用 Firebase 托管部署我的 Flutter Web 应用程序后出现错误
【发布时间】：2021-02-15 09:10:09
【问题描述】：

我尝试部署我的网络应用程序，但是当我访问公共地址时，我遇到了一些我无法修复的错误。（我在 Firefox 上进行测试）。我问过我的开发者朋友，但他们不知道如何解决。

我的错误：

脚本在其 MIME 类型（“text / html”）不是有效的 JavaScript MIME 类型时加载。

未捕获的 SyntaxError: 预期表达式，得到 '

我的 index.html：

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>MyAwesomeWebApp</title>

    <!-- Favicon -->
    <link rel="icon" type="image/png" href="favicon.png"/>
    <link rel="manifest" href="manifest.json"/>

  </head>
  <body>
    <script type="application/javascript" src="//cdnjs.cloudflare.com/ajax/libs/pdf.js/2.4.456/pdf.min.js"></script>
    <script type="application/javascript">
    pdfjsLib.GlobalWorkerOptions.workerSrc = "//cdnjs.cloudflare.com/ajax/libs/pdf.js/2.4.456/pdf.worker.min.js";
    </script>
    <script type="application/javascript" src="https://www.gstatic.com/firebasejs/7.14.0/firebase-app.js"></script>
    <script type="application/javascript" src="https://www.gstatic.com/firebasejs/7.14.0/firebase-analytics.js"></script>
    <script type="application/javascript" src="https://www.gstatic.com/firebasejs/7.14.0/firebase-firestore.js"></script>
    <script type="application/javascript" src="https://www.gstatic.com/firebasejs/7.14.0/firebase-auth.js"></script>
    <script type="application/javascript" src="https://www.gstatic.com/firebasejs/7.14.0/firebase-storage.js"></script>

    <script>
    var firebaseConfig = {
      apiKey: "azaz",
      authDomain: "azaz",
      databaseURL: "azaz",
      projectId: "azaz",
      storageBucket: "azaz",
      messagingSenderId: "azaz",
      appId: "azaz",
      measurementId: "azaz"
    };
    firebase.initializeApp(firebaseConfig);
    </script>

    <script>
      if ('serviceWorker' in navigator) {
        window.addEventListener('flutter-first-frame', function () {
          navigator.serviceWorker.register('flutter_service_worker.js?v=906927181');
        });
      }
    </script>
    <script src="main.dart.js" type="application/javascript"></script>
  </body>
</html>

谢谢！ :D

【问题讨论】：

这能回答你的问题吗？ React firebase error after build and deploy SyntaxError: expected expression, got '<'

标签： firebase flutter web firebase-hosting flutter-web

【解决方案1】：

您是否使用 firebase deploy 或 firebase deploy --only hosting 进行部署？我在使用第一个时遇到了同样的问题。有了第二个，就没有问题了。您可以在 firebase 文档中了解更多信息：https://firebase.google.com/docs/hosting/test-preview-deploy

希望对您有所帮助！

【讨论】：