Cannot read properties of undefined (reading #39;app#39;)(无法读取未定义的属性(正在读取应用程序))
本文介绍了无法读取未定义的属性(正在读取应用程序)的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我正在尝试将FireBase SDK实现到我的Ffltter Web项目。
但当我尝试启动应用程序时,出现以下错误:
TypeError: Cannot read properties of undefined (reading 'app')
at Object.app$ [as app] (http://localhost:49235/packages/firebase_core_web/src/interop/core.dart.lib.js:31:101)
at initializeApp (http://localhost:49235/packages/firebase_core_web/firebase_core_web.dart.lib.js:108:25)
at initializeApp.next (<anonymous>)
at runBody (http://localhost:49235/dart_sdk.js:39250:34)
at Object._async [as async] (http://localhost:49235/dart_sdk.js:39281:7)
at firebase_core_web.FirebaseCoreWeb.new.initializeApp (http://localhost:49235/packages/firebase_core_web/firebase_core_web.dart.lib.js:85:20)
at initializeApp (http://localhost:49235/packages/firebase_core/firebase_core.dart.lib.js:104:59)
at initializeApp.next (<anonymous>)
at runBody (http://localhost:49235/dart_sdk.js:39250:34)
at Object._async [as async] (http://localhost:49235/dart_sdk.js:39281:7)
at Function.initializeApp (http://localhost:49235/packages/firebase_core/firebase_core.dart.lib.js:103:20)
at main$ (http://localhost:49235/packages/oikos_web_ec/src/widgets/modals/links/delteLink.dart.lib.js:26076:36)
at main$.next (<anonymous>)
at runBody (http://localhost:49235/dart_sdk.js:39250:34)
at Object._async [as async] (http://localhost:49235/dart_sdk.js:39281:7)
at main$ (http://localhost:49235/packages/oikos_web_ec/src/widgets/modals/links/delteLink.dart.lib.js:26074:18)
at main (http://localhost:49235/web_entrypoint.dart.lib.js:39:29)
at main.next (<anonymous>)
at http://localhost:49235/dart_sdk.js:39230:33
at _RootZone.runUnary (http://localhost:49235/dart_sdk.js:39087:58)
at _FutureListener.thenAwait.handleValue (http://localhost:49235/dart_sdk.js:34073:29)
at handleValueCallback (http://localhost:49235/dart_sdk.js:34633:49)
at Function._propagateToListeners (http://localhost:49235/dart_sdk.js:34671:17)
at _Future.new.[_completeWithValue] (http://localhost:49235/dart_sdk.js:34513:23)
at http://localhost:49235/dart_sdk.js:33724:46
at _RootZone.runUnary (http://localhost:49235/dart_sdk.js:39087:58)
at _FutureListener.then.handleValue (http://localhost:49235/dart_sdk.js:34073:29)
at handleValueCallback (http://localhost:49235/dart_sdk.js:34633:49)
at Function._propagateToListeners (http://localhost:49235/dart_sdk.js:34671:17)
at _Future.new.[_completeWithValue] (http://localhost:49235/dart_sdk.js:34513:23)
at async._AsyncCallbackEntry.new.callback (http://localhost:49235/dart_sdk.js:34536:35)
at Object._microtaskLoop (http://localhost:49235/dart_sdk.js:39374:13)
at _startMicrotaskLoop (http://localhost:49235/dart_sdk.js:39380:13)
at http://localhost:49235/dart_sdk.js:34887:9
这是我在index.html文件中使用的脚本
<script type="module">
// Import the functions you need from the SDKs you need
import { initializeApp } from "https://www.gstatic.com/firebasejs/8.10.0/firebase-app.js";
// Your web app's Firebase configuration
const firebaseConfig = {
apiKey: "-----....-----",
authDomain: "-----....-----",
projectId: "-----....-----",
storageBucket: "-----....-----",
messagingSenderId: "-----....-----",
appId: "-----....-----"
};
// Initialize Firebase
const app = initializeApp(firebaseConfig);
</script>
我还在应用程序的开头正确地初始化了所有内容:
void main() async {
WidgetsFlutterBinding.ensureInitialized();
await Firebase.initializeApp();
runApp(MyApp());
}
现在有人如何修复此错误吗?
推荐答案
我遇到了这个问题,将index.html中的脚本更改为以下内容解决了这个问题
<script src="https://www.gstatic.com/firebasejs/8.10.0/firebase-app.js"></script>
<script src="https://www.gstatic.com/firebasejs/8.10.0/firebase-auth.js"></script>
<script src="https://www.gstatic.com/firebasejs/8.10.0/firebase-firestore.js"></script>
<script src="https://www.gstatic.com/firebasejs/8.10.0/firebase-storage.js"></script>
<script>
// Import the functions you need from the SDKs you need
// TODO: Add SDKs for Firebase products that you want to use
// https://firebase.google.com/docs/web/setup#available-libraries
// Your web app's Firebase configuration
const firebaseConfig = {
apiKey: "...",
authDomain: "...",
projectId: "...",
storageBucket: "...",
messagingSenderId: "...",
appId: "..."
};
// Initialize Firebase
firebase.initializeApp(firebaseConfig);
</script>
这篇关于无法读取未定义的属性(正在读取应用程序)的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持编程学习网!
沃梦达教程
本文标题为:无法读取未定义的属性(正在读取应用程序)
基础教程推荐
猜你喜欢
- 当用户滚动离开时如何暂停 youtube 嵌入 2022-01-01
- Karma-Jasmine:如何正确监视 Modal? 2022-01-01
- 我什么时候应该在导入时使用方括号 2022-01-01
- 动态更新多个选择框 2022-01-01
- 有没有办法使用OpenLayers更改OpenStreetMap中某些要素 2022-09-06
- 在for循环中使用setTimeout 2022-01-01
- 角度Apollo设置WatchQuery结果为可用变量 2022-01-01
- 响应更改 div 大小保持纵横比 2022-01-01
- 悬停时滑动输入并停留几秒钟 2022-01-01
- 在 JS 中获取客户端时区(不是 GMT 偏移量) 2022-01-01