Fatal编程技术网
  • javascript/
  • Javascript 使用firebase时出现应用程序/无应用程序错误

Javascript 使用firebase时出现应用程序/无应用程序错误

javascript html angularjs firebase

Javascript 使用firebase时出现应用程序/无应用程序错误,javascript,html,angularjs,firebase,Javascript,Html,Angularjs,Firebase,firebase应用程序初始化有问题。2天来一直在寻找解决方案。仍然不明白问题是什么，firebase初始化似乎很好，但出于某种原因，它仍然给我错误。我引用了我的旧代码，它使用了旧版本的firebase并相应地初始化了所有的js文件，但它仍然给我带来了问题。参考下面的更多信息，如果有人能解决我的这个问题，我会很高兴的 index.html <!DOCTYPE html> <html data-ng-app="myApp" > <head> &

firebase应用程序初始化有问题。2天来一直在寻找解决方案。仍然不明白问题是什么，firebase初始化似乎很好，但出于某种原因，它仍然给我错误。我引用了我的旧代码，它使用了旧版本的firebase并相应地初始化了所有的js文件，但它仍然给我带来了问题。参考下面的更多信息，如果有人能解决我的这个问题，我会很高兴的

index.html

    <!DOCTYPE html>
<html data-ng-app="myApp" >

<head>
    <title>{{title}}</title>
<!--    <base href="/" />-->
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  <meta name="robots" content="index, follow" />

    <script src="https://code.jquery.com/jquery-1.12.0.min.js"></script>
    <script src="assets/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="assets/bootstrap-3.3.7-dist/css/bootstrap.min.css"/>
    <link rel="stylesheet" href="assets/css/banner.css"/>
    <link rel="stylesheet" href="assets/css/carousel.min.css"/>
    <link rel="stylesheet" href="assets/css/styles.min.css"/>
    <link rel="stylesheet" href="assets/css/navbar.css"/>
    <link rel="stylesheet" href="assets/css/panel.css"/>
    <link rel="stylesheet" href="assets/css/text-banner.css"/>
    <link rel="stylesheet" href="assets/css/footer-distributed-with-contact-form.css"/>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"/>
    <link rel="stylesheet" href="assets/css/orderedlist.css"/>
    <link rel="stylesheet" href="assets/css/gallery.css"/>
    <link rel="stylesheet" href="assets/css/login.css"/>


</head>
<body data-ng-controller="myCtrl">


    <div>
        <div data-ng-view></div>
    </div>



</body>

    <script src="assets/js/angular.js"></script>
    <script src="assets/js/angular-route.js"></script>
    <!-- Firebase -->
    <script src="https://www.gstatic.com/firebasejs/4.10.1/firebase.js"></script>
    <script>
    var config = {
        apiKey: "xxxxxxxxxxx",
        authDomain: "xxxxxxxx",
        databaseURL: "xxxxxxxx",
        projectId: "xxxxxxxxxxxx",
        storageBucket: "xxxxxxxxxx",
        messagingSenderId: "xxxxxxxxx"
      };
      firebase.initializeApp(config);
    </script>
    <script src="https://cdn.firebase.com/libs/angularfire/2.3.0/angularfire.min.js"></script>
    <script src="https://www.gstatic.com/firebasejs/4.10.1/firebase-app.js"></script>
    <script src="https://www.gstatic.com/firebasejs/4.10.1/firebase-auth.js"></script>
    <script src="https://www.gstatic.com/firebasejs/4.10.1/firebase-database.js"></script>
    <script src="https://www.gstatic.com/firebasejs/4.10.1/firebase-firestore.js"></script>
    <script src="https://www.gstatic.com/firebasejs/4.10.1/firebase-messaging.js"></script>
    <!--CUSTOM SCRIPTS-->
    <script src="assets/js/app.js"></script>
    <script src="assets/js/login.js"></script>
    <script src="home/home.js"></script>
    <script src="foundermessage/founder.js"></script>
    <script src="rooms/rooms.js"></script>
    <script src="facilities/facilities.js"></script>
    <script src="rules/rules.js"></script>
    <script src="virtual/virtual.js"></script>
    <script src="directions/directions.js"></script>
    <script src="apply/apply.js"></script>
    <script src="contact/contact.js"></script>
    <script src="residents/residents.js"></script>
    <script src="gallery/gallery.js"></script>


<script src="https://www.gstatic.com/firebasejs/4.10.1/firebase.js"></script>

</html>

您似乎加载了两次Firebase，因此在第二次尝试实例化[DEFAULT]应用程序时，Firebase遇到了错误

删除html文件底部第二次加载的
firebase.js

<script src="https://www.gstatic.com/firebasejs/4.10.1/firebase.js"></script>
哦。。。哦，谢谢，它确实帮了我一点忙，虽然这不是问题所在。这里真正的问题是angularfire也在firebase之后被启动，所以当我删除angularfire js文件时，它在app.js中找不到firebase模块。所以我所需要做的就是在所有东西都装好后再装好角火。 
<script src="https://www.gstatic.com/firebasejs/4.10.1/firebase.js"></script>