inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

vue.js 실전 프로젝트(트위터 클론)

firebase 회원가입 중에서...

해결된 질문

349

한승훈

작성한 질문수 2

1

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

auth에는 정보가 입력이되고

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

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

firebase vuejs 클론코딩

답변 2

0

한승훈

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")

0

한승훈

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

0

한승훈

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

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

0

진슈

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

0

진슈

ne.collection 

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

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

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

배포 후 로그인 불가 현상

0

292

1

쪽지에서 메세지를 쓰면 상대방에게 즉시 나타나게 하려면 어떻게 해야 할까요?

0

300

1

permission denied firebase 에러

2

2184

1

fontawesome이 6으로 업데이트되면서 5와 같이 cdn키를 발급하지 않습니다. 6의 kit을 사용해봤는데요. 동작하지 않아서요. 대체제가 있을까요?

0

364

1

tailwind css with vue3 and vite 설치 후 에러 문의

0

819

0

record.meta.requireAuth에서 requireAuth를 인식을 못해요ㅠ

0

299

0

Vue 2로도 개발할 수 있나요??

0

313

1

트윗페이지의 코멘트 관련하여 질문드립니다.

0

215

0

트윗 분기 처리 강의 내용 중 delete에 관한 문의입니다.

0

200

0

firebase tools의 버전이 궁금합니다

0

329

1

npm run dev 오류

0

310

0

firebase 버전에 따른 import 문제 질문드립니다

0

513

4

코멘트가 모든 트윗에 보입니다.

0

320

1

n.indexOf is not a function 에러..

0

630

2

unresolved variable이라고 나옵니다.

0

2846

1

파이어 베이스 연동시 에러가 납니다. ㅠㅠ

1

978

2

진짜 간절합니다 도와주세요

0

217

0

도와주세요 ㅠㅠ

0

238

1

computed 질문이 있습니다.

0

275

1

git clone 후 npm run dev 시, 나타나는 에러

0

589

2

router v-if문 관련문의입니다.

0

302

1

image ref의 속성이 data들과 어떻게 바인딩이 되는건지..잘 모르겠습니다.

0

424

1

onBeforeMount에 onSnapshot을 사용하는거에 대한 질문 드립니다.

0

227

1

Login과 Register 메뉴 관련 (v-for과 v-if)

0

259

1