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 echart實現(xiàn)柱狀圖,電池圖,3D柱圖和3D圓柱圖代碼詳解
這篇文章主要為大家介紹了Vue實現(xiàn)echart繪圖代碼詳解，具有一定的參考價值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助2022-01-01
這篇文章主要為大家詳細介紹了vue實現(xiàn)商品購物車全選反選，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-04-04
Vue+ElementUI實現(xiàn)從后臺動態(tài)填充下拉框的示例代碼
本文主要介紹了Vue+ElementUI實現(xiàn)從后臺動態(tài)填充下拉框的示例代碼，文中通過示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-02-02
element-ui el-dialog嵌套table組件,ref問題及解決
這篇文章主要介紹了element-ui el-dialog嵌套table組件,ref問題及解決方案，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-02-02
這篇文章主要為大家詳細介紹了如何基于Vue2實現(xiàn)數(shù)字縱向滾動效果,從而達到顯示計時器滾動效果,感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2024-03-03
vue獲取當(dāng)前日期時間(使用moment和new?Date())
在項目開發(fā)中我遇到了日期范圍選擇器,兩種獲取當(dāng)前日期并做處理的寫法,這里記錄一下,下面這篇文章主要給大家介紹了關(guān)于vue獲取當(dāng)前日期時間(使用moment和new?Date())的相關(guān)資料,需要的朋友可以參考下2023-06-06
vue-music 使用better-scroll遇到輪播圖不能自動輪播問題
根據(jù)vue-music視頻中slider組建的使用，當(dāng)安裝新版本的better-scroll，輪播組件，不能正常輪播。如何解決這個問題呢，下面小編給大家?guī)砹藇ue-music 使用better-scroll遇到輪播圖不能自動輪播問題，感興趣的朋友一起看看吧2018-12-12
這篇文章主要介紹了解決vue項目運行npm run serve報錯的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-10-10
在?Vue.js?中，$emit和$on方法是兩個常用的方法，用于實現(xiàn)組件間的通信，雖然它們的名字很相似，但它們的作用和用法有所不同，本文將介紹$emit和$on方法的區(qū)別，并通過代碼示例來說明它們的用法,感興趣的朋友可以參考下2023-07-07
這篇文章主要介紹了vant steps流程圖的圖標使用slot自定義方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-06-06