Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

SPA video serisi için "TypeError: Cannot read property 'then' of undefined" hatası. #4

Open
pipks opened this issue Feb 1, 2019 · 3 comments

Comments

@pipks
Copy link

pipks commented Feb 1, 2019

Videoların çekildikten sonra firebase ve vuejs bileşenlerindeki güncellemelerden dolayı kodda çeşitli uyumsuzluklar ortaya çıkmış.

store.js dosyasında ki fetchMovies fonksiyonunu bitiredikten sonra sayfayı yenilediğimde consolda şöyle bir hata alıyorum.

[Vue warn]: Error in created hook: "TypeError: Cannot read property 'then' of undefined"
found in
---> <App> at src/App.vue
       <Root>
TypeError: Cannot read property 'then' of undefined
    at Store.fetchMovies (store.js?a073:17)
    at Array.wrappedActionHandler (vuex.esm.js?2f62:721)
    at Store.dispatch (vuex.esm.js?2f62:428)
    at Store.boundDispatch [as dispatch] (vuex.esm.js?2f62:322)
    at VueComponent.created (App.vue?234e:18)
    at callHook (vue.runtime.esm.js?2b0e:3038)
    at VueComponent.Vue._init (vue.runtime.esm.js?2b0e:4735)
    at new VueComponent (vue.runtime.esm.js?2b0e:4881)
    at createComponentInstanceForVnode (vue.runtime.esm.js?2b0e:4404)
    at init (vue.runtime.esm.js?2b0e:4235)

bu hataya neden olan kod blogu şöyle:

const actions = {
    fetchMovies(context) {
        return service.fetchMovies().then((snapshot) => {
          return context.commit('setMovies', snapshot.val());
        });
      }
};

bu sorunu nasıl çözebilirim acaba?

ayrıca bu ve benzeri bazı sorunları giderdikten sonra mevcut sürümlere uyumlu bir şekilde bu uygulamanın kodlarını da buraya eklememiz güzel olur bence.

Not: actions içerisinde kalan diğer fonksiyonlarda aynı hatayı aldığım için burdan ilerleme kaydedemiyorum. bu konuda yardımcı olursanız çok sevinirim.

@pipks
Copy link
Author

pipks commented Feb 2, 2019

services klasörü altındaki service.js dosyasında fonksiyondan gelen herhangi bir return değeri olmadığı için store.js içerisinde çağırınca yukardaki hatayı almışım.

fetchMovies(){
        return firebase.database().ref('/movies').once('value');
}

service.js içerisindeki kodu yukardaki gibi düzenleyince sorun çözüldü.

@mertcankose
Copy link

'firebase' is not defined hatasından dolayı ilerleyemiyorum herhangi bir çözümde bulamadım yardım edebilir misiniz

@mertcankose
Copy link

CDN kullanmak yerine firebase paketini kullandım ve config dosyalarımı main.js de tanımladım ve sorunumu çözdüm.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants