Question

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

我的错误：

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

未捕获的SyntaxError：期望的表达式，得到了'<'main.dart.js：1

我的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

Answer 1

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

希望能帮到你！

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

1 个答案: