Vue-admin-template?報(bào)Uncaught?(in?promise)?error問(wèn)題及解決
Vue-admin-template 報(bào)Uncaught (in promise) error
問(wèn)題描述
在使用Vue-admin-template時(shí),配置好后端,在請(qǐng)求時(shí),突然報(bào)錯(cuò) 而且后端接到請(qǐng)求了,并且返回?cái)?shù)據(jù)了。

解決問(wèn)題
找了半天,發(fā)現(xiàn)問(wèn)題在request.js中。

可以發(fā)現(xiàn),是因?yàn)闋顟B(tài)碼不匹配,所以,直接被拋出異常了!
將狀態(tài)碼2000改成自己的成功狀態(tài)碼就OK了。
注:由于Vue-admin-template中的Ajax請(qǐng)求數(shù)據(jù)都是Mock.js模擬的,所以,如果要改,建議,把mock目錄中,模擬的狀態(tài)碼也一并修改!

Vue常見(jiàn)錯(cuò)誤解決

Compiled with problems:
編譯問(wèn)題
C:\myel\src\views\HomeView.vue
錯(cuò)誤出現(xiàn)文件
3:1 error Mixed spaces and tabs no-mixed-spaces-and-tabs
4:1 error Mixed spaces and tabs no-mixed-spaces-and-tabs
第3行的第一個(gè)字符
第4函的第一個(gè)字符
Mixed spaces and tabs
錯(cuò)誤原因:混合的空格與tab
no-mixed-spaces-and-tabs
錯(cuò)誤規(guī)則: no-mixed-spaces-and-tabs 不準(zhǔn)混空格與tab
2 problems (2 errors, 0 warnings)
2個(gè)問(wèn)題(2個(gè)錯(cuò)誤,0個(gè)警告)

Compiled with problems:
編譯錯(cuò)誤
ERROR in ./src/views/HomeView.vue?
錯(cuò)誤出現(xiàn)的位置
Unexpected keyword 'const'. (6:0)
第6行第0個(gè)字符有個(gè)不應(yīng)該出現(xiàn)的關(guān)鍵字 const
63 | const user = reactive({ userid: "", pwd: "", code: "" }), | ^ 64 | const rules = reactive({ | ^ 65 | userid: [
第63到64行兩個(gè)^之間有錯(cuò)誤

ERROR in ./src/router/index.ts 10:19-57
錯(cuò)誤發(fā)生在 ./src/router/index.ts 第10行第19個(gè)字符到57字符
Module not found: Error: Can't resolve '../views/admin/AdminVeiw.vue' in 'C:\myel\src\router'
,模塊找不的 不能resolve(兌現(xiàn),發(fā)現(xiàn),解決)../views/admin/AdminVeiw.vue
在C:\myel\src\router
總結(jié):文件../views/admin/AdminVeiw.vue(文件名/路徑發(fā)生錯(cuò)誤)

ERROR in ./src/views/HomeView.vue
錯(cuò)誤發(fā)生在HomeView.vue
VueCompilerError: Element is missing end tag.
標(biāo)簽沒(méi)有結(jié)束標(biāo)簽
2 | <div class="login">
| ^
第二行的div

Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'id')
沒(méi)有捕捉到(承諾)類(lèi)型錯(cuò)誤:不能夠與讀取undefined的屬性 (讀取id)




beforecreate創(chuàng)建前
created 創(chuàng)建
mounted 掛載(顯示渲染dom節(jié)點(diǎn)了)
<h1>{{joks[0].summary}}</h1>
joks默認(rèn)是空的

TypeError: Cannot read properties of undefined (reading 'summary')
不能夠在undefined上面讀取 summary屬性
getJok 獲取數(shù)據(jù)
觸發(fā)更新
updated 更新頁(yè)面(有數(shù)據(jù)了更新數(shù)據(jù)顯示出來(lái)了)
出現(xiàn) []下標(biāo) .屬性 用v-if (第一次不渲染,等待更新后再渲染)


Uncaught (in promise) TypeError: state.goods.forEach is not a function
對(duì)state.goods.forEach 沒(méi)有這個(gè)forEach(goods不是一個(gè)數(shù)組)
index.js


C:\youmi\src\views\AboutView.vue
出錯(cuò)的文件地址
16:17 error 'reactive' is not defined no-undef
第16行17字符錯(cuò)誤 reactive 沒(méi)有定義


App.vue 第30錯(cuò)誤
[vuex] unknown mutation type: changeA
vuex 找不到一個(gè)叫changeA的mutations


在AboutView發(fā)生錯(cuò)誤

VueCompilerError: Attribute name cannot contain U+0022 ("), U+0027 ('), and U+003C (<).
vue編譯錯(cuò)誤:屬性name 不能不包含 “ ‘ <
at C:\youmi\src\views\AboutView.vue:8:2
第8行

const 不能重復(fù)賦值

check被定義了沒(méi)有備調(diào)用
以上為個(gè)人經(jīng)驗(yàn),希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
vue 調(diào)用 RESTful風(fēng)格接口操作
這篇文章主要介紹了vue 調(diào)用 RESTful風(fēng)格接口操作,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2020-08-08
Vue3中實(shí)現(xiàn)拖拽和縮放自定義看板 vue-grid-layout的方法
這篇文章主要介紹了Vue3中實(shí)現(xiàn)拖拽和縮放自定義看板 vue-grid-layout的方法,本文結(jié)合實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2023-03-03
Vue2中pinia刷新后數(shù)據(jù)丟失的問(wèn)題解決
Pinia是一個(gè)Vue.js狀態(tài)管理庫(kù),如果你在組件中修改了store中的數(shù)據(jù)并刷新了界面,Pinia會(huì)將store中的數(shù)據(jù)重置為初始值,從而導(dǎo)致數(shù)據(jù)丟失的問(wèn)題,本文就來(lái)介紹一下問(wèn)題解決,感興趣的可以了解一下2023-12-12
Vue-Jest 自動(dòng)化測(cè)試基礎(chǔ)配置詳解
目前開(kāi)發(fā)大型應(yīng)用,測(cè)試是一個(gè)非常重要的環(huán)節(jié),而在 Vue 項(xiàng)目中做單元測(cè)試可以用 Jest,本文主要介紹了Vue-Jest 自動(dòng)化測(cè)試,感興趣的可以了解一下2021-07-07
Vue3捕獲和處理不同層級(jí)的異常/錯(cuò)誤的有效方法
項(xiàng)目中如果沒(méi)有對(duì)異常做處理,可能導(dǎo)致應(yīng)用崩潰或顯示報(bào)錯(cuò)信息影響用戶(hù)體驗(yàn),因此需要對(duì)不同層級(jí)的錯(cuò)誤進(jìn)行捕獲,所以本文給大家介紹了Vue3捕獲和處理不同層級(jí)的異常/錯(cuò)誤的有效方法,需要的朋友可以參考下2025-01-01

