快捷導(dǎo)航

vue項(xiàng)目報(bào)錯(cuò)Uncaught runtime errors的解決方案

更新時(shí)間：2024年01月26日 11:08:21 作者：No8g攻城獅

使用vue-cli的vue項(xiàng)目,出現(xiàn)編譯錯(cuò)誤或警告時(shí),在瀏覽器中顯示全屏覆蓋,提示報(bào)錯(cuò)Uncaught runtime errors,本文給大家介紹了vue項(xiàng)目報(bào)錯(cuò)Uncaught runtime errors的解決方案,需要的朋友可以參考下

一、背景描述

項(xiàng)目本來運(yùn)行的好好，換了個(gè)新的瀏覽器，新的Chrome瀏覽器版本號是116.0.5845.97（正式版本）（64位），原來的Chrome瀏覽器版本是92.0.4515.107（正式版本）（64位），使用vue-cli的vue項(xiàng)目，出現(xiàn)編譯錯(cuò)誤或警告時(shí)，在瀏覽器中顯示全屏覆蓋，如下圖，以下是開發(fā)環(huán)境，此報(bào)錯(cuò)在生產(chǎn)環(huán)境下并不會出現(xiàn)。報(bào)錯(cuò)詳情如下：

在這里插入圖片描述

二、報(bào)錯(cuò)原因

通過看控制臺，找到關(guān)鍵詞webpack

在這里插入圖片描述

webpack.config.js 中

當(dāng)出現(xiàn)編譯錯(cuò)誤或警告時(shí)，被設(shè)置了在瀏覽器中顯示全屏覆蓋的配置。

在這里插入圖片描述

三、解決方案

3.1 只顯示錯(cuò)誤信息不全屏覆蓋

在這里插入圖片描述

3.2 取消全屏覆蓋

module.exports = {
  devServer: {
    client: {
      overlay: false // 編譯錯(cuò)誤時(shí)，取消全屏覆蓋（建議關(guān)掉）
    }
  }
}

四、參考資料

在這里插入圖片描述

參考資料：https://webpack.docschina.org/configuration/dev-server/#overlay

本文完結(jié)！

到此這篇關(guān)于vue項(xiàng)目報(bào)錯(cuò)Uncaught runtime errors的解決方案的文章就介紹到這了,更多相關(guān)vue報(bào)錯(cuò)Uncaught runtime errors內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章:

相關(guān)文章

100行代碼理解和分析vue2.0響應(yīng)式架構(gòu)
通過100行代碼幫助大家理解和分析vue2.0響應(yīng)式架構(gòu)的相關(guān)資料，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-03-03
Vue組件跨層級獲取組件操作
這篇文章主要介紹了Vue組件跨層級獲取組件操作，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧
2020-07-07
springboot之springboot與netty整合方案
這篇文章主要介紹了VUE之關(guān)于store狀態(tài)管理核心解析，具有很好的參考價(jià)值，希望對大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教
2023-06-06
Vue下拉框加分頁搜索功能的實(shí)現(xiàn)方法
開發(fā)任務(wù)中有這樣一個(gè)需求，下拉框中需要展示超過5000條數(shù)據(jù)，甚至更多，這數(shù)據(jù)量直接整個(gè)頁面卡死了，就想到在下拉框中加分頁，下面小編通過實(shí)例代碼介紹下Vue下拉框加分頁搜索功能的實(shí)現(xiàn)，感興趣的朋友一起看看吧
2022-11-11
基于Echarts圖表在div動態(tài)切換時(shí)不顯示的解決方式
這篇文章主要介紹了基于Echarts圖表在div動態(tài)切換時(shí)不顯示的解決方式，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧
2020-07-07
Vue如何接入hls/m3u8的直播視頻詳解
項(xiàng)目中有一個(gè)需求,需要實(shí)現(xiàn)直播功能,后端接口返回的是m3u8數(shù)據(jù)流,下面這篇文章主要給大家介紹了關(guān)于Vue如何接入hls/m3u8直播視頻的相關(guān)資料,需要的朋友可以參考下
2022-07-07
vite+vue3項(xiàng)目解決低版本兼容性問題解決方案(Safari白屏)
這篇文章主要介紹了vite+vue3項(xiàng)目解決低版本兼容性問題（Safari白屏）,使用官方插件 @vitejs/plugin-legacy 為打包后的文件提供傳統(tǒng)瀏覽器兼容性支持,本文給大家介紹的非常詳細(xì),需要的朋友可以參考下
2024-03-03
vue源碼解析之事件機(jī)制原理
這篇文章主要介紹了vue源碼解析之事件機(jī)制原理，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2018-04-04
vue input實(shí)現(xiàn)點(diǎn)擊按鈕文字增刪功能示例
這篇文章主要介紹了vue input實(shí)現(xiàn)點(diǎn)擊按鈕文字增刪功能,涉及基于vue.js的事件響應(yīng)及頁面元素屬性動態(tài)操作相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下
2019-01-01
vue 項(xiàng)目打包時(shí)樣式及背景圖片路徑找不到的解決方式
今天小編就為大家分享一篇vue 項(xiàng)目打包時(shí)樣式及背景圖片路徑找不到的解決方式，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧
2019-11-11