• 카테고리

    질문 & 답변
  • 세부 분야

    풀스택

  • 해결 여부

    해결됨

firebase 회원가입 중에서...

21.04.15 09:00 작성 조회수 172

1

ne.collection is not a function 이런 에러메세지가 뜬다음에

auth에는 정보가 입력이되고

firestore에는 컬렉션이 안만들어져 있습니다 ㅠㅠ

타이핑 완전 똑같이 했는데 뭐가 문제일까요.. 

답변 2

·

답변을 작성해보세요.

0

한승훈님의 프로필

한승훈

질문자

2021.04.15

Register.vue 스크립트 내용
<script>
import { ref } from "vue";
import { authUSER_COLLECTION } from "../firebase"
import { useRouter } from "vue-router"

export default {
  setup() {
    const email = ref("");
    const username = ref("");
    const password = ref("");
    const loading = ref(false);
    const router = useRouter();

    const onRegiser = async () => {
        try {
            loading.value = true
            const { user } = await auth.createUserWithEmailAndPassword(email.valuepassword.value)
            const doc = USER_COLLECTION.doc(user.uid)
            await doc.set({
              uid: user.uid,
              email: email.value,
              profile_image_url: '/profile.jpeg',
              num_tweets: 0,
              followers: [],
              followings: [],
              created_at: Date.now()
            })
            alert("회원가입 성공")
            router.push('/login')
        } catch(e) {
            // console.log("create user with email and password   error:",e)
            alert(e.message)
        } finally {
            loading.value = false
        }
    };

    return {
      username,
      email,
      password,
      onRegiser,
      loading,
    };
  },
};
</script>
firebase/ index.js 스크립트 내용
import firebase from 'firebase'

const firebaseConfig = {
    apiKey: "AIzaSyA8429twvLbAUdo2v2c09mplxb5RmdoRp0",
    authDomain: "twitter-clone-inflearn-dfe0e.firebaseapp.com",
    projectId: "twitter-clone-inflearn-dfe0e",
    storageBucket: "twitter-clone-inflearn-dfe0e.appspot.com",
    messagingSenderId: "194204341657",
    appId: "1:194204341657:web:30c2f77d320f3f78b16f08"
  };

  firebase.initializeApp(firebaseConfig)

  export const auth = firebase.auth()
  export const db = firebase.firestore()
  export const storage = firebase.storage()
  
  export const USER_COLLECTION = db.collection("users")
한승훈님의 프로필

한승훈

질문자

2021.04.15

ne라는거를 쓴적이 없는데 뭘까요 ㅠㅠ 그냥 처음부터 다시 해야할까요 후...

한승훈님의 프로필

한승훈

질문자

2021.04.15

아 해결됬습니다!!! npm run serve 는 약간 이상해서 제가 작성한 코드가 업데이트가 안되던거엿네요

npm run dev 하니까 해결됬습니다

네 해결하셨다니 다행입니다!

0

ne.collection 

이 부분에서 ne가 firestore 익스포트 한 값이여야 하는데

제대로 export가 되지 않았거나 import되지 않으신 것 같습니다. 

관련 코드를 전부 올려주시면 바로 답드리겠습니다.