vue-cli如何關(guān)閉Uncaught?error的全屏提示
vue-cli關(guān)閉Uncaught error的全屏提示
在使用vue-cli
開(kāi)發(fā)項(xiàng)目的時(shí)候,如果代碼拋出異常了,那么就會(huì)出現(xiàn)一個(gè)全屏的提示框
長(zhǎng)下面這樣:
經(jīng)過(guò)一段時(shí)間的排查發(fā)現(xiàn)是webpack
的問(wèn)題,排查方式就是打開(kāi)控制臺(tái),看這個(gè)框的一些屬性,通常會(huì)有一些關(guān)于這個(gè)技術(shù)的關(guān)鍵詞
例如這個(gè):
可以很明顯的看到是webpack-dev-server
弄出來(lái)的,那么直接去找對(duì)應(yīng)的配置就好了,過(guò)程就是這樣的
該配置項(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有沒(méi)有這句
<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">
是限制資源獲取:限制網(wǎng)頁(yè)當(dāng)中一系列的資源獲取的情況,從哪里獲取,請(qǐng)求發(fā)到哪個(gè)地方
把他刪除,基本上就已經(jīng)解決所有問(wèn)題,如果不行往下看,比較次的戰(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'問(wèn)題
- Vue.js中的全局錯(cuò)誤處理函數(shù)errorHandler用法
- vue出現(xiàn)Uncaught SyntaxError:Unexpected token問(wèn)題及解決
- 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ò)問(wèn)題
相關(guān)文章
Vue echart實(shí)現(xiàn)柱狀圖,電池圖,3D柱圖和3D圓柱圖代碼詳解
這篇文章主要為大家介紹了Vue實(shí)現(xiàn)echart繪圖代碼詳解,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下,希望能夠給你帶來(lái)幫助2022-01-01vue實(shí)現(xiàn)商品購(gòu)物車全選反選
這篇文章主要為大家詳細(xì)介紹了vue實(shí)現(xiàn)商品購(gòu)物車全選反選,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-04-04Vue+ElementUI實(shí)現(xiàn)從后臺(tái)動(dòng)態(tài)填充下拉框的示例代碼
本文主要介紹了Vue+ElementUI實(shí)現(xiàn)從后臺(tái)動(dòng)態(tài)填充下拉框的示例代碼,文中通過(guò)示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-02-02element-ui el-dialog嵌套table組件,ref問(wèn)題及解決
這篇文章主要介紹了element-ui el-dialog嵌套table組件,ref問(wèn)題及解決方案,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2023-02-02基于Vue2實(shí)現(xiàn)數(shù)字縱向滾動(dòng)效果
這篇文章主要為大家詳細(xì)介紹了如何基于Vue2實(shí)現(xiàn)數(shù)字縱向滾動(dòng)效果,從而達(dá)到顯示計(jì)時(shí)器滾動(dòng)效果,感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2024-03-03vue獲取當(dāng)前日期時(shí)間(使用moment和new?Date())
在項(xiàng)目開(kāi)發(fā)中我遇到了日期范圍選擇器,兩種獲取當(dāng)前日期并做處理的寫(xiě)法,這里記錄一下,下面這篇文章主要給大家介紹了關(guān)于vue獲取當(dāng)前日期時(shí)間(使用moment和new?Date())的相關(guān)資料,需要的朋友可以參考下2023-06-06vue-music 使用better-scroll遇到輪播圖不能自動(dòng)輪播問(wèn)題
根據(jù)vue-music視頻中slider組建的使用,當(dāng)安裝新版本的better-scroll,輪播組件,不能正常輪播。如何解決這個(gè)問(wèn)題呢,下面小編給大家?guī)?lái)了vue-music 使用better-scroll遇到輪播圖不能自動(dòng)輪播問(wèn)題,感興趣的朋友一起看看吧2018-12-12解決vue項(xiàng)目運(yùn)行npm run serve報(bào)錯(cuò)的問(wèn)題
這篇文章主要介紹了解決vue項(xiàng)目運(yùn)行npm run serve報(bào)錯(cuò)的問(wèn)題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2020-10-10vant steps流程圖的圖標(biāo)使用slot自定義方式
這篇文章主要介紹了vant steps流程圖的圖標(biāo)使用slot自定義方式,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2023-06-06