颤振：未捕获引用错误：未定义firebase_Firebase_Flutter

颤振：未捕获引用错误：未定义firebase

firebase flutter

颤振：未捕获引用错误：未定义firebase,firebase,flutter,Firebase,Flutter,我在Flatter web app中使用Firebase服务，在加载Firebase脚本时遇到问题当我使用flatterrun-dcrome时，我看到空白页面有错误，重新加载页面后，页面加载良好：-/ 当我构建web时，页面从未加载，重新加载没有帮助基本错误：未捕获引用错误：未定义firebase 以下是我在首次发布时看到的内容，我使用了Flitter run-d chrome： Uncaught ReferenceError: firebase is not defined at

我在Flatter web app中使用Firebase服务，在加载Firebase脚本时遇到问题

当我使用flatterrun-dcrome时，我看到空白页面有错误，重新加载页面后，页面加载良好：-/

当我构建web时，页面从未加载，重新加载没有帮助

基本错误： 未捕获引用错误：未定义firebase

以下是我在首次发布时看到的内容，我使用了Flitter run-d chrome：

Uncaught ReferenceError: firebase is not defined
    at (index):26
app.js:1 Failed to load resource: the server responded with a status of 404 (Not Found)
require.js:143 Uncaught Error: Script error for "@firebase/app", needed by: dart_sdk
http://requirejs.org/docs/errors.html#scripterror
    at makeError (require.js:168)
    at HTMLScriptElement.onScriptError (require.js:1738)
:57663/favicon.ico:1 Failed to load resource: the server responded with a status of 404 (Not Found)

当我执行颤振构建web时-仅此错误：

Uncaught ReferenceError: firebase is not defined
    at Object.aoq (top_level.dart:80)
    at Object.auD (cloud_firestore_web.dart:33)
    at cloud_firestore_web.dart:26
    at aom.a (async_patch.dart:315)
    at aom.$2 (async_patch.dart:340)
    at Object.G (async_patch.dart:245)
    at Object.UR (main.dart:8)
    at js_helper.dart:3246
    at js_helper.dart:3246
    at dartProgram (js_helper.dart:3246)

我的index.html文件：

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>new_flowers</title>
</head>
<body>
  <script src="main.dart.js" type="application/javascript"></script>
  <script src="https://www.gstatic.com/firebasejs/7.15.0/firebase-app.js"></script>
  <script src ="https://www.gstatic.com/firebasejs/7.15.0/firebase-firestore.js"></script>
  <script src="https://www.gstatic.com/firebasejs/7.15.0/firebase-auth.js"></script>
  <script>
  // Your web app's Firebase configuration
  var firebaseConfig = {
    apiKey: "...",
    authDomain: "...",
    databaseURL: "...",
    projectId: "...",
    storageBucket: "...",
    messagingSenderId: "...",
    appId: "...",
    measurementId: "..."
  };

  // Initialize Firebase
  firebase.initializeApp(firebaseConfig);
  </script>
</body>
</html>


新花
//您的web应用程序的Firebase配置
var firebaseConfig={
apiKey:“…”，
authDomain:“…”，
数据库URL:“…”，
项目D:“…”，
storageBucket:“…”，
messagingSenderId:“…”，
appId:“…”，
度量标准：“…”
};
//初始化Firebase
firebase.initializeApp（firebaseConfig）；

您的index.html有点混乱。请尝试这样定义脚本：

Firebase应用程序+已用CDN

Firebase应用程序配置

服务人员

Main.dart.js

编辑：代码格式不正确，下面是指向html代码的链接：`


贝文特
//您的web应用程序的Firebase配置
var firebaseConfig={
...
};
//初始化Firebase
firebase.initializeApp（firebaseConfig）；
firebase.analytics（）；
if（导航器中的“serviceWorker”）{
window.addEventListener（'load'，函数（）{
navigator.serviceWorker.register（'flatter_service_worker.js'）；
});
}
`

您的代码工作起来很神奇。服务人员是干什么的？你从哪里得到信息来把它放进去的？当你创建一个颤振项目时，它会自动添加。有没有什么方法可以让你在dart中添加firebase配置而不是HTML？我不这么认为，因为你必须在dart&颤振之前加载firebase SDK。你是个英雄，完全遵循这些。我的webappw正在运行，但在发布onle之后，它只是一个带有未定义firebase的白色屏幕。JS条目的这种定向，使它工作起来。

<head>
  <meta charset="UTF-8">
  <meta content="IE=Edge" http-equiv="X-UA-Compatible">
  <meta name="description" content="A new Flutter project.">

  <!-- iOS meta tags & icons -->
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="black">
  <meta name="apple-mobile-web-app-title" content="bevent">
  <link rel="apple-touch-icon" href="icons/Icon-192.png">

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

  <title>BEvent</title>
  <link rel="manifest" href="manifest.json">
</head>

<body>
  <!-- The core Firebase JS SDK is always required and must be listed first -->
  <script src="https://www.gstatic.com/firebasejs/7.15.1/firebase-app.js"></script>

  <!-- TODO: Add SDKs for Firebase products that you want to use
     https://firebase.google.com/docs/web/setup#available-libraries -->
  <script src="https://www.gstatic.com/firebasejs/7.15.1/firebase-auth.js"></script>
  <script src="https://www.gstatic.com/firebasejs/7.15.1/firebase-firestore.js"></script>
  <script src="https://www.gstatic.com/firebasejs/7.15.2/firebase-storage.js"></script>
  <script src="https://www.gstatic.com/firebasejs/7.15.1/firebase-analytics.js"></script>

  <script>
    // Your web app's Firebase configuration
    var firebaseConfig = {
      ...
    };
    // Initialize Firebase
    firebase.initializeApp(firebaseConfig);
    firebase.analytics();
  </script>
  <!-- This script installs service_worker.js to provide PWA functionality to
       application. For more information, see:
       https://developers.google.com/web/fundamentals/primers/service-workers -->
  <script>
    if ('serviceWorker' in navigator) {
      window.addEventListener('load', function () {
        navigator.serviceWorker.register('flutter_service_worker.js');
      });
    }
  </script>
  <script src="main.dart.js" type="application/javascript"></script>
</body>

</html>`