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

Posted

技术标签:

【中文标题】使用 Firebase 托管部署我的 Flutter Web 应用程序后出现错误【英文标题】：Errors after deploying my flutter web app using Firebase Hosting 【发布时间】：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 '<' 【参考方案1】：

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

希望对您有所帮助！

【讨论】：

以上是关于使用 Firebase 托管部署我的 Flutter Web 应用程序后出现错误的主要内容，如果未能解决你的问题，请参考以下文章

在 Firebase 托管中使用 vue-router 部署 Quasar (VueJS)

Firebase 托管应用程序部署

使用 Github 操作将 .env 机密添加到在 Firebase 托管上部署的 Nuxt 应用程序

Flutter Web 应用程序在部署到 Firebase 托管后返回空白页面

Angular 6.0 firebase 托管部署不起作用

Firebase 托管在部署 Angular 6 应用程序后显示欢迎页面？