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