Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/flutter/10.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/sql-server-2005/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Firebase 颤振腹板:白色屏幕(持续偏移错误)_Firebase_Flutter_Dart_Flutter Web - Fatal编程技术网

Firebase 颤振腹板:白色屏幕(持续偏移错误)

Firebase 颤振腹板:白色屏幕(持续偏移错误),firebase,flutter,dart,flutter-web,Firebase,Flutter,Dart,Flutter Web,我目前正在尝试将web应用程序支持添加到一个现有的Flitter项目(使用Firebase)。我已经按照说明使用Firebase for Web和Flatter设置了所有内容。但是,当我试图在Chrome中运行项目时,我会看到一个空白屏幕,错误记录如下: 我已经测试过在Chrome上运行“颤振演示”,效果很好。另外,我只在最新的开发频道上运行了“颤振演示”,所以这就是我现在正在使用的。测试版频道不起作用 这是我的pubspec.yaml: 这是我的index.html: <!DOCTY

我目前正在尝试将web应用程序支持添加到一个现有的Flitter项目(使用Firebase)。我已经按照说明使用Firebase for Web和Flatter设置了所有内容。但是,当我试图在Chrome中运行项目时,我会看到一个空白屏幕,错误记录如下:

我已经测试过在Chrome上运行“颤振演示”,效果很好。另外,我只在最新的开发频道上运行了“颤振演示”,所以这就是我现在正在使用的。测试版频道不起作用

这是我的pubspec.yaml:

这是我的index.html:

<!DOCTYPE html>
<html>
<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="astoria">
  <link rel="apple-touch-icon" href="icons/Icon-192.png">

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

  <title>astoria</title>
  <link rel="manifest" href="manifest.json">
</head>
<body>
  <!-- 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>

  <!-- The core Firebase JS SDK is always required and must be listed first -->
  <script src="https://www.gstatic.com/firebasejs/7.12.0/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.12.0/firebase-analytics.js"></script>
  <script src="https://www.gstatic.com/firebasejs/7.12.0/firebase-auth.js"></script>
  <script src="https://www.gstatic.com/firebasejs/7.12.0/firebase-firestore.js"></script>
  <script src="https://www.gstatic.com/firebasejs/7.12.0/firebase-functions.js"></script>
  <script src="https://www.gstatic.com/firebasejs/7.12.0/firebase-storage.js"></script>

  <script>
    // Your web app's Firebase configuration
    var firebaseConfig = {
      apiKey: "...",
      authDomain: "...",
      databaseURL: "...",
      projectId: "...",
      storageBucket: "...",
      messagingSenderId: "...",
      appId: "...",
      measurementId: "..."
    };
    // Initialize Firebase
    firebase.initializeApp(firebaseConfig);
    firebase.analytics();
  </script>

  <script src="main.dart.js" type="application/javascript"></script>
</body>
</html>

阿斯托利亚
if(导航器中的“serviceWorker”){
window.addEventListener('load',函数(){
navigator.serviceWorker.register('flatter_service_worker.js');
});
}
//您的web应用程序的Firebase配置
var firebaseConfig={
apiKey:“…”,
authDomain:“…”,
数据库URL:“…”,
项目D:“…”,
storageBucket:“…”,
messagingSenderId:“…”,
appId:“…”,
度量标准:“…”
};
//初始化Firebase
firebase.initializeApp(firebaseConfig);
firebase.analytics();
请让我知道是否有任何其他信息可以帮助。提前非常感谢!:)

请参阅此链接

我也遇到过这个问题,我只是按照线程中所述的步骤进行操作

flutter channel dev
flutter upgrade
flutter run -d chrome

我感觉你在使用这个不推荐的项目。您看到的错误在某种程度上就是其中的一部分

所以我想说,正如github回购协议中所建议的那样,使用标准颤振,并从中得到指示。正如在另一个答案中所建议的,您可以进入
dev
频道,也可以根据文档的建议留在
beta
频道进行常规开发,如果您需要更新的版本,请直接使用
master
频道


由于您在
pubspec.yaml
中使用了如此多的包,因此您必须确保它们中的每一个都在FlatterWeb中得到支持。例如,并非所有firebase软件包都在Flatter web中受支持。这需要时间来检查,但这是向前迈进的必要步骤。

我已经面对了这个问题,我尝试了答案,但没有任何效果。然后我在Microsoft Edge上运行了我的Flitter web,然后它工作得很好。你能在这里分享一个Flitter医生的输出吗?