1. 程式人生 > >vue踩坑--TypeError: __WEBPACK_IMPORTED_MODULE_1_vuex__.a.store is not a constructor

vue踩坑--TypeError: __WEBPACK_IMPORTED_MODULE_1_vuex__.a.store is not a constructor

今天在使用vuex的時候遇到這麼個問題,雖然後來解決了,是首字母大寫的原因,但我還是不知道為什麼。這裡先記錄下來。


這是vuex/store.js

import Vue from 'vue'
import Vuex from 'vuex'

Vue.use(Vuex)

const state = {
    count: 1
}

export default new Vuex.store({
    state
})

 

控制檯報錯TypeError: __WEBPACK_IMPORTED_MODULE_1_vuex__.a.store is not a constructor


TypeError: "x" is not a constructor裡的解釋:

是因為嘗試將不是構造器的物件或者變數來作為構造器使用。參考 constructor 或者 new operator 來了解什麼是構造器。

另在網上找到部落格一篇,之處這是因為Store的S小寫了。

這個報錯的是_vuex2.default.store 不是一個建構函式因為在我們用vuex的時候需要將用到的actions,mutations模組最終匯出,在匯出的時候new Vuex.Store中的Store小寫了,這裡的一定要大寫,就相當於我們在使用建構函式(類)的時候首字母要大寫