• 로그인
  • 장바구니에 상품이 없습니다.

home2 게시판 JavaScript, TS 게시판 당근마켓 만들기 2강 개발자도구 오류

당근마켓 만들기 2강 개발자도구 오류

  • 이 주제에는 2개 답변, 2명 참여가 있으며 하윙1 년, 8 월 전에 전에 마지막으로 업데이트했습니다.
3 글 보임 - 1 에서 3 까지 (총 3 중에서)
  • 글쓴이
  • #99514

    하윙
    참가자
    <!DOCTYPE html>
    <html>
    <head>
      <meta charset="UTF-8">
      <meta http-equiv="X-UA-Compatible" content="IE=edge">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <title>Document</title>
      <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" crossorigin="anonymous">
    </head>
    <body>
      <nav class="navbar navbar-expand-lg bg-body-tertiary">
        <div class="container-fluid">
          NamsanMarket
          <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
          </button>
          <div class="collapse navbar-collapse" id="navbarSupportedContent">
            <ul class="navbar-nav me-auto mb-2 mb-lg-0">
              <li class="nav-item">
                Home
              
              <li class="nav-item">
                Link
              
              <li class="nav-item dropdown">
                
                  Dropdown
                
                <ul class="dropdown-menu">
                  
  • Action
  •              
  • Another action
  •              
  • <hr class="dropdown-divider">
  •              
  • Something else here
  •                                 <li class="nav-item">             Disabled                           <form class="d-flex" role="search">           <input class="form-control me-2" type="search" placeholder="Search" aria-label="Search">           <button class="btn btn-outline-success" type="submit">Search</button>         </form>       </div>     </div>   </nav>
     
     
      <script src="https://www.gstatic.com/firebasejs/8.6.5/firebase-app.js"></script>
      <script src="https://www.gstatic.com/firebasejs/8.6.5/firebase-auth.js"></script>
      <script src="https://www.gstatic.com/firebasejs/8.6.5/firebase-firestore.js"></script>
      <script src="https://www.gstatic.com/firebasejs/8.6.5/firebase-storage.js"></script>
      <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-gtEjrD/SeCtmISkJkNUaaKMoLD0//ElJ19smozuHV6z3Iehds+3Ulb9Bn9Plx0x4" crossorigin="anonymous"></script>
      <script src="https://code.jquery.com/jquery-3.7.1.min.js" integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous"></script>
      
      <script type="module">
        // Import the functions you need from the SDKs you need
        import { initializeApp } from "https://www.gstatic.com/firebasejs/10.4.0/firebase-app.js";
        // 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: "AIzaSyALTvZRupkewVNC1p4uWrDir4kdDtLnVN8",
          authDomain: "namsan-47014.firebaseapp.com",
          projectId: "namsan-47014",
          storageBucket: "buckets/namsan-47014.appspot.com",
          messagingSenderId: "963118192090",
          appId: "1:963118192090:web:795fbb913451a44d909ce3"
          };
        
          // Initialize Firebase
          firebase.initializeApp(firebaseConfig);
      </script>
     
      <script>
        const db = firebase.firestore();
        db.collection('product').get().then((결과)=>{
          console.log(결과)
        })
      
      </script>
    </body>
    </html>
    
    
    
    코드에서 개발자도구를 켰는데 
    
    firebaseNamespaceCore.ts:114 Uncaught FirebaseError: Firebase: No Firebase App '[DEFAULT]' has been created - call Firebase App.initializeApp() (app/no-app).
        at u (firebaseNamespaceCore.ts:114:27)
        at Object.e [as firestore] (firebaseNamespaceCore.ts:196:31)
    이러한 에러가 뜹니다. 어떻게 해야하나요?
    
        at (index):86:25
    
    #99518

    codingapple
    키 마스터
    type="module" 이랑 import 어쩌구 문법쓴건 제거합시다
    #99536

    하윙
    참가자
    chatgpt를 통해
    
    <script>
        // Your web app's Firebase configuration
        const firebaseConfig = {
          apiKey: "AIzaSyALTvZRupkewVNC1p4uWrDir4kdDtLnVN8",
          authDomain: "namsan-47014.firebaseapp.com",
          projectId: "namsan-47014",
          storageBucket: "buckets/namsan-47014.appspot.com",
          messagingSenderId: "963118192090",
          appId: "1:963118192090:web:795fbb913451a44d909ce3"
        };
        
        // Initialize Firebase
        firebase.initializeApp(firebaseConfig);
    </script>
    <script>
      const db = firebase.firestore();
      db.collection('product').get().then((결과)=>{
        console.log(결과)
      })
    </script>
    </body>
    </html>
    과 같이 고쳤더니 해결되었습니다.
3 글 보임 - 1 에서 3 까지 (총 3 중에서)
  • 답변은 로그인 후 가능합니다.

About

현재 월 700명 신규수강중입니다.

  (09:00~20:00) 빠른 상담은 카톡 플러스친구 코딩애플 (링크)
  admin@codingapple.com
  이용약관
ⓒ Codingapple, 강의 예제, 영상 복제 금지
top

© Codingapple, All rights reserved. 슈퍼로켓 에듀케이션 / 서울특별시 강동구 고덕로 19길 30 / 사업자등록번호 : 212-26-14752 온라인 교육학원업 / 통신판매업신고번호 : 제 2017-서울강동-0002 호 / 개인정보관리자 : 박종흠