下面展示的幾種警告相同的一點就是不知道是哪行報錯,你只能知道大概是哪個組件有問題。這里分享下問題原因。【我是怎么定位錯誤的?一行一行刪唄。。。】
警告1:
Unhandled error during execution of setup function
image.png
后面的警告都是這個引起的,修復后就沒了。很明顯是
leftAlarmList.vue
組件 setup函數中的問題,原因是leftAlarmList.vue
組件引入了baseList.js
,而baseList.js
未引入computed
就使用了。image.png
總結:檢查報錯組件setup 函數中的邏輯是否有明顯錯誤,或者是該函數中引入的外部js | ts 文件是否有使用未定義、未引入的方法、變量問題。
警告2:
[Vue warn]: Unhandled error during execution of component event handler
image.png
翻譯一下就是:執行組件事件處理程序時出現未處理的錯誤。這個問題我在
leftAlarmList.vue
組件中找了一圈都沒發現病根,最后想到是不是leftAlarmList.vue
組件拋出的事件在組件外報錯了?也就是這個事件先從leftAlarmList.vue
組件觸發,然后被外部調用,外部調用報錯,然后vue就拋出了警告提示我們 - 這個事件在處理過程中報錯啦!快去看下!然后我在外部調用點包裹了個try catch ,果然警告沒了。總結:檢查該組件事件調用過程在調用方是否報錯?注意:這個多半是外部的問題,因為組件內部會直接報錯而不是拋出警告。
若對你有幫助,請點個贊吧,若能打賞不勝感激,謝謝支持!
本文地址:http://www.lxweimin.com/p/df8b27e65f03?v=1695278780242,轉載請注明出處,謝謝。