朋友和敌人你好!
我一直在拼命尝试使用Firebase设置javascript Web项目,但我似乎无法克服第一步:为项目正确导入必要的“包”。
到目前为止,我一直遵循以下步骤: https://firebase.google.com/docs/web/setup 仔细地使用“模块捆绑”选项,但没有成功。
我正在将Visual Studio Code与Live Server扩展一起使用,以在Google Chrome上运行我的代码。
如果没有任何问题,我的浏览器应在数据库的“文本”子级中显示该值。
这是我的代码:
import * as firebase from "firebase/app";
// Add the Firebase products that you want to use
import "firebase/firestore";
import "firebase/database";
var firebaseConfig = {
apiKey: My Key,
authDomain: My Domain,
databaseURL: My URL,
projectId: My Project,
storageBucket: The Store Bucket,
messagingSenderId: ID,
appId: app ID
};
// Initialize Firebase
firebase.initializeApp(firebaseConfig);
const bigOne = document.getElementById('bigOne');
const dbRefObject = firebase.database().ref().child('text');
dbRefObject.on('value', snap => bigOne.innerText = snap.val());
<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title></title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="">
</head>
<body>
<h1 id="bigOne"></h1>
<script src="https://www.gstatic.com/firebasejs/6.0.2/firebase-app.js"></script>
<script src="firebase_test.js"></script>
</body>
</html>
我想轻轻松松地挤柠檬,但这是我在应用程序控制台中的输出:
未捕获的SyntaxError:意外令牌*
我也尝试过使用CDN和托管URL方法,但虚拟工作室代码无法识别这些内容。
感谢您的时间和帮助,我非常感谢!
问候, 劳尔