vue項目報錯Uncaught runtime errors的解決方案
更新時間：2024年01月26日 11:08:21 作者：No8g攻城獅
使用vue-cli的vue項目,出現(xiàn)編譯錯誤或警告時,在瀏覽器中顯示全屏覆蓋,提示報錯Uncaught runtime errors,本文給大家介紹了vue項目報錯Uncaught runtime errors的解決方案,需要的朋友可以參考下
一、背景描述
項目本來運行的好好，換了個新的瀏覽器，新的Chrome瀏覽器版本號是116.0.5845.97（正式版本）（64位），原來的Chrome瀏覽器版本是92.0.4515.107（正式版本）（64位），使用vue-cli的vue項目，出現(xiàn)編譯錯誤或警告時，在瀏覽器中顯示全屏覆蓋，如下圖，以下是開發(fā)環(huán)境，此報錯在生產(chǎn)環(huán)境下并不會出現(xiàn)。報錯詳情如下：
二、報錯原因
通過看控制臺，找到關鍵詞webpack
webpack.config.js 中
當出現(xiàn)編譯錯誤或警告時，被設置了在瀏覽器中顯示全屏覆蓋的配置。
三、解決方案
3.1 只顯示錯誤信息不全屏覆蓋
3.2 取消全屏覆蓋
module.exports = {
devServer: {
client: {
overlay: false // 編譯錯誤時，取消全屏覆蓋（建議關掉）
}
}
}
四、參考資料
參考資料：https://webpack.docschina.org/configuration/dev-server/#overlay
本文完結！
到此這篇關于vue項目報錯Uncaught runtime errors的解決方案的文章就介紹到這了,更多相關vue報錯Uncaught runtime errors內容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！
相關文章
通過100行代碼幫助大家理解和分析vue2.0響應式架構的相關資料，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-03-03
這篇文章主要介紹了Vue組件跨層級獲取組件操作，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-07-07
springboot之springboot與netty整合方案
這篇文章主要介紹了VUE之關于store狀態(tài)管理核心解析，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-06-06
開發(fā)任務中有這樣一個需求，下拉框中需要展示超過5000條數(shù)據(jù)，甚至更多，這數(shù)據(jù)量直接整個頁面卡死了，就想到在下拉框中加分頁，下面小編通過實例代碼介紹下Vue下拉框加分頁搜索功能的實現(xiàn)，感興趣的朋友一起看看吧2022-11-11
基于Echarts圖表在div動態(tài)切換時不顯示的解決方式
這篇文章主要介紹了基于Echarts圖表在div動態(tài)切換時不顯示的解決方式，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-07-07
項目中有一個需求,需要實現(xiàn)直播功能,后端接口返回的是m3u8數(shù)據(jù)流,下面這篇文章主要給大家介紹了關于Vue如何接入hls/m3u8直播視頻的相關資料,需要的朋友可以參考下2022-07-07
vite+vue3項目解決低版本兼容性問題解決方案(Safari白屏)
這篇文章主要介紹了vite+vue3項目解決低版本兼容性問題（Safari白屏）,使用官方插件 @vitejs/plugin-legacy 為打包后的文件提供傳統(tǒng)瀏覽器兼容性支持,本文給大家介紹的非常詳細,需要的朋友可以參考下2024-03-03
這篇文章主要介紹了vue源碼解析之事件機制原理，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-04-04
這篇文章主要介紹了vue input實現(xiàn)點擊按鈕文字增刪功能,涉及基于vue.js的事件響應及頁面元素屬性動態(tài)操作相關實現(xiàn)技巧,需要的朋友可以參考下2019-01-01
今天小編就為大家分享一篇vue 項目打包時樣式及背景圖片路徑找不到的解決方式，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-11-11