vue-cli如何關(guān)閉Uncaught?error的全屏提示
vue-cli關(guān)閉Uncaught error的全屏提示
在使用vue-cli開發(fā)項(xiàng)目的時(shí)候，如果代碼拋出異常了，那么就會(huì)出現(xiàn)一個(gè)全屏的提示框
長(zhǎng)下面這樣：
經(jīng)過一段時(shí)間的排查發(fā)現(xiàn)是webpack的問題，排查方式就是打開控制臺(tái)，看這個(gè)框的一些屬性，通常會(huì)有一些關(guān)于這個(gè)技術(shù)的關(guān)鍵詞
例如這個(gè)：
可以很明顯的看到是webpack-dev-server弄出來的，那么直接去找對(duì)應(yīng)的配置就好了，過程就是這樣的
該配置項(xiàng)的鏈接在這里：https://webpack.docschina.org/configuration/dev-server/#overlay
所以我們現(xiàn)在只需要在項(xiàng)目的vue.config.js中加上如下配置就可以了：
module.exports = defineConfig({
// 省略其他配置...
devServer: {
client: {
overlay: false,
},
}
})
vue中vue-cli項(xiàng)目各種報(bào)錯(cuò)
假如有以上報(bào)錯(cuò)，首先看下index.html有沒有這句
<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">
是限制資源獲?。合拗凭W(wǎng)頁當(dāng)中一系列的資源獲取的情況，從哪里獲取，請(qǐng)求發(fā)到哪個(gè)地方
把他刪除，基本上就已經(jīng)解決所有問題，如果不行往下看，比較次的戰(zhàn)略，不建議，最好從源頭處理
sockjs.js報(bào)錯(cuò)
解決辦法
1.找到/node_modules/sockjs-client/dist/sockjs.js
2.在1620行，注釋掉self.xhr.send(payload);這一行，然后就可以解決了
[WDS] Disconnected報(bào)錯(cuò)
解決辦法
1.找到\node_modules\@vue\cli-service\node_modules\webpack-dev-server\client\index.js
2.在172行，注釋掉log.error('[WDS] Disconnected!');這一行，然后就可以解決了
總結(jié)
以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
- Vue報(bào)錯(cuò):TypeError:Cannot create property 'xxx' on string 'xxxx'問題
- Vue.js中的全局錯(cuò)誤處理函數(shù)errorHandler用法
- vue出現(xiàn)Uncaught SyntaxError:Unexpected token問題及解決
- npm run serve運(yùn)行vue項(xiàng)目時(shí)報(bào)錯(cuò)：Error: error:0308010C:digital envelope routines::unsupported的解決方法
- 解決vue項(xiàng)目Error:Cannot find module‘xxx’類報(bào)錯(cuò)問題
相關(guān)文章
vue+animation實(shí)現(xiàn)翻頁動(dòng)畫
這篇文章主要為大家詳細(xì)介紹了vue+animation實(shí)現(xiàn)翻頁動(dòng)畫，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-06-06
Driver.js是一個(gè)功能強(qiáng)大且高度可定制的基于原生JavaScript開發(fā)的新用戶引導(dǎo)庫，本文主要介紹了Vue使用driver.js做引導(dǎo)頁，文中通過示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-02-02
Vue3實(shí)現(xiàn)一個(gè)可左右滑動(dòng)操作組件的示例代碼
這篇文章主要為大家詳細(xì)介紹了如何利用Vue3實(shí)現(xiàn)一個(gè)可左右滑動(dòng)操作組件，文中的示例代碼講解詳細(xì)，對(duì)我們學(xué)習(xí)Vue有一定幫助，感興趣的可以學(xué)一下2022-11-11
這篇文章主要介紹了vue中pc移動(dòng)滾動(dòng)穿透問題及解決方案，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-07-07
基于Vue 和 iView分片上傳功能實(shí)現(xiàn)(上傳組件)
本文介紹了基于Vue和iView的文件分片上傳技術(shù),通過將文件拆分成多個(gè)小塊并逐塊上傳,解決了大文件上傳時(shí)的諸多問題,如上傳速度慢、超時(shí)和網(wǎng)絡(luò)中斷等,它還展示了如何實(shí)現(xiàn)分片上傳的進(jìn)度顯示、錯(cuò)誤處理和斷點(diǎn)續(xù)傳等功能,感興趣的朋友跟隨小編一起看看吧2025-01-01
這篇文章主要介紹了Vue errorHandler異常捕獲,需要的朋友可以參考下2023-10-10
vue.js如何更改默認(rèn)端口號(hào)8080為指定端口的方法
本篇文章主要介紹了vue.js如何更改默認(rèn)端口號(hào)8080為指定端口的方法，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-07-07
這篇文章主要介紹了vue3使用flv.js播放flv直播流的相關(guān)資料,詳細(xì)描述了安裝flv.js和編寫HTML、JavaScript代碼的過程,包括在頁面關(guān)閉時(shí)銷毀播放器的操作,需要的朋友可以參考下2025-05-05
這篇文章主要為大家詳細(xì)介紹了vue3封裝輪播圖組件的方法，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-09-09
vue 項(xiàng)目往往會(huì)搭配 vue-router 官方路由管理器，它和 vue.js 的核心深度集成，讓構(gòu)建單頁面應(yīng)用變得易如反掌。這篇文章主要介紹了vue 項(xiàng)目地址去掉 #的方法,需要的朋友可以參考下2018-10-10