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小寫了,這裡的一定要大寫,就相當於我們在使用建構函式(類)的時候首字母要大寫
相關推薦
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)
Vue表格複用,報錯"TypeError: _self.$scopedSlots.default is not a function"
場景:單頁面做可切換的多報表展示 如圖:每個報表戰術展示不同的資料項,需要隨select的切換,複用對應的table 這樣寫會報錯,並且切換後的table選項沒有達到預期效果 <el-main style="padding:10px;overflow-y:hidden"&g
vue 中報錯 Error in mounted hook: "TypeError: handlers[i].call is not a function"
你會發現出現這個錯誤了,但是並沒有影響到專案的執行,(推下眼鏡),作為一個經常假裝認真的我,覺得還是解決掉的好,避免為以後留下隱患。 直接看這個錯誤你會發現,沒有任何的頭緒,那麼就從他給的報錯下的提示看看,可能有問題的元件有哪些;看完以後你會發現,這些都和生命週期鉤子函式有
TypeError: esri.layers.WMSLayer is not a constructor
對象 導致 con 功能 typeerror 存在 依賴 ima 方法 最近加載wms地圖後,總是報這個錯誤,因為錯誤,導致後續的代碼無法加載,導致無法功能使用。 原因是,由於方法公用,有的新功能在使用時,引用依賴包時,未引用完整,導致加載此處加載wms圖層的時候,
【vue開發問題-解決方法】(四)vue Element UI使用中.$scopedSlots.default is not a function 報錯
判斷 元素 技術分享 error: class 解決 nbsp AR peer 當使用elementUI中v-if來判斷顯示元素時,會報錯。 vue.js:600 [Vue warn]: Error in render: "TypeError: l.$scopedSl
常見報錯——Uncaught TypeError: document.getElementsByClassName(...).addEventListener is not a function
這是因為選擇器沒有正確選擇元素物件 document.getElementsByClassName(...)捕捉到的是該類名元素的陣列 正確的訪問方式應該是: document.getElementsByClassName(...)[0].addEventListener... 使用遍歷為每個class新增監
Vue編譯專案時出現router.map is not a function
錯誤:出現問題原因:2.0已經沒有map這個方法了,只有1.0相容該方法。解決方法:(1)方法1:使用命令npm install [email protected]相容1.0版本vue。在程式碼中的使用方法:(2)解決方法2:基於vue2.0,寫對應的方法。具體用法
jquery-1.8.3中的BUG typeError:elem.nodeName.toLowerCase is not a function
ie和firefox一直遇到這個問題----------------------------------------------------------------------------------| typeError:elem.nodeName.toLowerCas
百度地圖js報錯Uncaught TypeError: b.ga(...).nb is not a function
事件:百度地圖非同步批量建立marker,單擊單個marker彈出對話方塊報錯。 報錯: VM1771:1 Uncaught TypeError: b.ga(...).nb is not a function at HTMLSpanElement.eval (eval at zZ (getscri
Error in render: "TypeError: _self.$scopedSlots.default is not a function"
今天在做專案中遇到了如上圖這樣一個問題,專案是Vue+element-ui。原因是table中用了多個v-if,解決方案有兩個: 1、用v-show代替v-if(個人推薦用第二種); 2、在v-if條件語句中加key作為區分就不會報錯了。 <el-table
jquery-ui.min.js:5 Uncaught TypeError: b.nodeName.toLowerCase is not a function
1、錯誤描述2、錯誤原因 jquery UI通過按鈕彈出視窗,然後在視窗上的按鈕,點選後再次彈出視窗,出現報錯 錯誤原因是輸入框中id和name命名為nodeName <i
使用vue時Module build failed: TypeError: this._init is not a function錯誤的解決方法
錯誤描述 整個專案目錄結構如下: src hello.vue main.js index.html package.json webpack.config.js package.json { "name": "test-typeof-vue",
論微信小程式的坑:thirdScriptError TypeError: this.setData is not a function
最近在學習小程式,真的坑很多啊,還是那種很難看出來的坑,終於解決了。 這是錯誤 我就是真的很糾結,檢查了半天,也沒看出來我的setData哪裡寫錯了,結果去論壇一看,人家說是this的問題 http://www.henkuai.com/thread-16097-1-1
[Vue warn]: Error in render: "TypeError: this.formData.subImages.split is not a function"
問題:錯誤程式碼:computed:{ //附圖輪播圖 subImgList(){ let imgArray = this.formData.subImages.split(','); imgArray
js報錯 Uncaught TypeError: xxxx.each is not a function
each err typeerror span xxx list 報錯 pan 使用 在處理ajax返回的json數組時錯誤的使用了 list.each(function(){ }); 實際上當遍歷json數組是應該使用
jquery.min.js?v=2.1.4:4 Uncaught TypeError: (b.contentType || "").indexOf is not a function
前臺運行 gpo 前臺 add cati json log ont fun 前臺運行PUT時出現錯誤:jquery.min.js?v=2.1.4:4 Uncaught TypeError: (b.contentType || "").indexOf is not a fun
Vue踩坑系列
route fun 加載 關系 監聽 沒有 踩坑 eid ram 前言 前端開發對於vue的使用已經越來越多,它的優點就不做介紹了, 本篇是我對vue使用過程中遇到的問題中做的一些總結,幫助大家踩坑。如果喜歡的話可以點波贊,或者關註一下,希望本文可以幫到大家!!! 本篇介紹
20180408-20180413 vue踩坑
search efault isp sco src 狀態 添加 link 別人 在vue的template裏,註意駝峰寫法,如: :style="{marginLeft:`-${mleft}px`}" 在一個methods裏調用另一個methods: this
Uncaught TypeError: o.block is not a function
erro TP 9.png .com In type ima alt typeerror 未捕獲TypeError:o。block不是一個函數 js少引,或者路徑錯誤Uncaught TypeError: o.block is not a function
【vue開發問題-解決方法】(四)vue Element UI 日期選擇器獲取日期格式問題 t.getTime is not a function
format PE man UNC cti bubuko 圖片 orm ID 現有一表單需要填寫日期,采用了elementUI中日期選擇器,但是獲取到的數據格式是 Mon Jun 18 2018 00:00:00 GMT+0800 (中國標準時間) 而我需要的數