解決VUE 在IE下出現(xiàn)ReferenceError: Promise未定義的問(wèn)題
問(wèn)題原因:
IE一些低版本的瀏覽器對(duì)于ES6語(yǔ)法不支持
Promise是es6語(yǔ)法里為了解決異步函數(shù)多重嵌套的問(wèn)題(回調(diào)地獄)
說(shuō)明: 或許你并不沒(méi)有使用Promise,但是有可能你使用Axios等,其中原理也是Promise,進(jìn)行了封裝而已
解決辦法:
步驟一:
安裝 babel polyfill
npm install --save babel-polyfill
如果你使用的是yarn安裝的話:
yarn add babel-polyfill
備注: 使用yarn 安裝的話不需要加–save 現(xiàn)在都會(huì)默認(rèn)攜帶, 加上會(huì)不識(shí)別
步驟二: 配置build文件夾下webpack.base.conf.js文件,如下圖
步驟三: 配置main.js文件
最后，重新運(yùn)行項(xiàng)目就可以了
npm run dev // npm start或者yarn run dev都可以
這就是我自己遇到的問(wèn)題，希望可以幫到大家~
補(bǔ)充知識(shí)：Nuxt.js 如何做SEO優(yōu)化?
Nuxt.js 如何做SEO優(yōu)化?
全局
在nuxt.config.js配置文件中,有個(gè)head屬性可以設(shè)置全局的title,content和keywords等屬性
head: {
title: pkg.name,
meta: [
{ charset: 'utf-8' },
{ name: 'viewport', content: 'width=device-width, initial-scale=1' },
{ hid: 'description', name: 'description', content: pkg.description }
],
link: [
{ rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }
]
},
局部
設(shè)置某個(gè)單獨(dú)頁(yè)面的title和關(guān)鍵字等,首先要找到這個(gè)頁(yè)面的JS代碼有一個(gè)head()方法,同樣可以進(jìn)行一些類似的設(shè)置:
head(){
return{
title:'豆瓣電影',
meta:[{
'name':'keywords',
'content': '電影、經(jīng)典電影、熱映、電視劇、美劇、影評(píng)、電影院、電影票、排行、推薦'
}]
}
}
以上這篇解決VUE 在IE下出現(xiàn)ReferenceError: Promise未定義的問(wèn)題就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
本文主要介紹了vue-electron中修改表格內(nèi)容并修改樣式，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2023-05-05
Vue中錯(cuò)誤圖片的處理的實(shí)現(xiàn)代碼
這篇文章主要介紹了Vue中錯(cuò)誤圖片的處理的實(shí)現(xiàn)代碼，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-11-11
使用vue-router完成簡(jiǎn)單導(dǎo)航功能【推薦】
vue-router是Vue.js官方提供的一套專用的路由工具庫(kù)。這篇文章主要介紹了使用vue-router完成簡(jiǎn)單導(dǎo)航功能,需要的朋友可以參考下2018-06-06
vue使用echarts實(shí)現(xiàn)地圖的方法詳解
這篇文章主要為大家詳細(xì)介紹了vue使用echarts實(shí)現(xiàn)地圖的方法，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來(lái)幫助2022-03-03
這篇文章主要介紹了axios在Vue項(xiàng)目中用來(lái)向后臺(tái)發(fā)送請(qǐng)求（調(diào)接口API），獲取響應(yīng)信息的方法,axios 是一個(gè)輕量的 HTTP客戶端，基于 XMLHttpRequest 服務(wù)來(lái)執(zhí)行 HTTP 請(qǐng)求，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2022-07-07
這篇文章主要介紹了詳解從Vue-router到html5的pushState，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-07-07
elementPlus組件之表格編輯并校驗(yàn)功能實(shí)現(xiàn)
本文詳細(xì)介紹了如何使用Element Plus組件實(shí)現(xiàn)表格的單條數(shù)據(jù)新增、編輯、刪除操作,并對(duì)數(shù)據(jù)進(jìn)行校驗(yàn),代碼簡(jiǎn)單易懂,感興趣的朋友跟隨小編一起看看吧2024-12-12
vue實(shí)現(xiàn)的樹(shù)形結(jié)構(gòu)加多選框示例
這篇文章主要介紹了vue實(shí)現(xiàn)的樹(shù)形結(jié)構(gòu)加多選框,結(jié)合實(shí)例形式分析了在之前遞歸組件實(shí)現(xiàn)vue樹(shù)形結(jié)構(gòu)的基礎(chǔ)之上再加上多選框功能相關(guān)操作技巧,需要的朋友可以參考下2019-02-02
cesium開(kāi)發(fā)之如何在vue項(xiàng)目中使用cesium,使用離線地圖資源
這篇文章主要介紹了cesium開(kāi)發(fā)之如何在vue項(xiàng)目中使用cesium,使用離線地圖資源問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-04-04
Vue3全局掛載使用Axios學(xué)習(xí)實(shí)戰(zhàn)
這篇文章主要為大家介紹了Vue3全局掛載使用Axios學(xué)習(xí)實(shí)戰(zhàn)示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-06-06