Firebase模块导入-SyntaxError:意外令牌*

时间:2019-05-14 19:07:42

标签: javascript firebase visual-studio-code

朋友和敌人你好!

我一直在拼命尝试使用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方法,但虚拟工作室代码无法识别这些内容。

感谢您的时间和帮助,我非常感谢!

问候, 劳尔

0 个答案:

没有答案