dahye8043
100
2022-01-14 20:06:25
3
122

리액트에서 dotenv 가 안먹히는것 같아요 ㅠㅠ 왜일까요..?


src에 .env 파일을 만들고 이렇게 작성했어요






그리고 src에 firebase.js파일을 생성하고 여기서 사용하려고 하는데 안먹히는것 같아요 ㅠ

import firebase from 'firebase/compat/app';
import 'firebase/compat/firestore';
import "firebase/compat/auth";

const firebaseConfig = {
  apiKey: process.env.REACT_APP_apiKey,
  authDomain: process.env.REACT_APP_authDomain,
  projectId: process.env.REACT_APP_projectId,
  storageBucket: process.env.REACT_APP_storageBucket,
  messagingSenderId: process.env.REACT_APP_messagingSenderId,
  appId: process.env.REACT_APP_appId,
  measurementId: process.env.REACT_APP_measurementId
};
firebase.initializeApp(firebaseConfig);
export const firebaseInstance = firebase;
export const firestore = firebase.firestore();

export const fireAuth = firebase.auth(); 



대체 왜 안먹히는 껄까요? ㅜㅜ


0
  • 답변 3

  • 꿈의연봉1800
    448
    2022-01-14 20:35:27

    src 밖에 두세요

  • 감자떡만두
    77
    2022-01-14 20:45:18 작성 2022-01-14 20:49:48 수정됨


    .env
     
    //firebase Initializing keys
    REACT_APP_API_KEY = "AIzaSyCPLuleCmXaSdCodBSKLk9rYZkN4KbMo5E"
    REACT_APP_AUTH_DOMAIN = "disneyplus-clone-30cf6.firebaseapp.com"
    REACT_APP_PROJECT_ID = "disneyplus-clone-30cf6"
    REACT_APP_STORAGE_BUCKET = "disneyplus-clone-30cf6.appspot.com"
    REACT_APP_MESSAGING_SENDER_ID = "135672292769"
    REACT_APP_APP_ID = "1:135672292769:web:db3141d426ba7134a997e0"
    REACT_APP_MEASUREMENT_ID = "G-8EGZ7ZZ6VD"
    


    firebase.js
    
    const firebaseConfig = {
      apiKey: process.env.REACT_APP_API_KEY,
      authDomain: process.env.REACT_APP_AUTH_DOMAIN,
      projectId: process.env.REACT_APP_PROJECT_ID,
      storageBucket: process.env.REACT_APP_STORAGE_BUCKET,
      messagingSenderId: process.env.REACT_APP_MESSAGING_SENDER_ID,
      appId: process.env.REACT_APP_APP_ID,
      measurementId: process.env.REACT_APP_MEASUREMENT_ID
    };
    
    // Initialize Firebase
    const fireabaseApp = firebase.initializeApp(firebaseConfig);
    const db = fireabaseApp.firestore();
    const auth = firebase.auth();
    const provider = new firebase.auth.GoogleAuthProvider();
    const storage = firebase.storage();


    윗분 말씀처럼 src밖으로 두시구요

    위에는 제가 활용했던(키는 만료된) 코드입니다.


    저도 이것저것 찾아보다가 쌍따옴표 처리하니 됐었네요. 

    한번 시도해 보세요 ㅎㅎ


    https://github.com/junman95/disneyplus-clone

    제거 깃허브 코드 보셔도 좋아요 ㅎㅎ

  • dahye8043
    100
    2022-01-14 21:27:31
  • 로그인을 하시면 답변을 등록할 수 있습니다.