使用Firebase Hosting部署我的flutter web应用程序后出现错误



我曾尝试部署我的web应用程序,但当我转到公共地址时,我遇到了一些无法修复的错误。(我正在Firefox上测试(。我问过我的开发者朋友,但他们不知道如何解决这个问题。

我的错误:

当脚本的MIME类型("text/html"(不是有效的JavaScript MIME类型时加载脚本。

未捕获的SyntaxError:应为表达式,得到"<"main.dart.js:1

my 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

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

希望对你有所帮助!

相关内容

最新更新