1. 程式人生 > 程式設計 >解決VUE 在IE下出現ReferenceError: Promise未定義的問題

解決VUE 在IE下出現ReferenceError: Promise未定義的問題

問題原因:

IE一些低版本的瀏覽器對於ES6語法不支援

Promise是es6語法裡為了解決非同步函式多重巢狀的問題(回撥地獄)

說明: 或許你並不沒有使用Promise,但是有可能你使用Axios等,其中原理也是Promise,進行了封裝而已

解決辦法:

步驟一:

安裝 babel polyfill

npm install --save babel-polyfill

如果你使用的是yarn安裝的話:

yarn add babel-polyfill

備註: 使用yarn 安裝的話不需要加–save 現在都會預設攜帶,加上會不識別

步驟二: 配置build資料夾下webpack.base.conf.js檔案,如下圖

解決VUE 在IE下出現ReferenceError: Promise未定義的問題

步驟三: 配置main.js檔案

解決VUE 在IE下出現ReferenceError: Promise未定義的問題

最後,重新執行專案就可以了

npm run dev // npm start或者yarn run dev都可以

這就是我自己遇到的問題,希望可以幫到大家~

補充知識:Nuxt.js 如何做SEO優化?

Nuxt.js 如何做SEO優化?

全域性

在nuxt.config.js配置檔案中,有個head屬性可以設定全域性的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' }
 ]
 },

區域性

設定某個單獨頁面的title和關鍵字等,首先要找到這個頁面的JS程式碼有一個head()方法,同樣可以進行一些類似的設定:

head(){
 return{
 title:'豆瓣電影',meta:[{
  'name':'keywords','content': '電影、經典電影、熱映、電視劇、美劇、影評、電影院、電影票、排行、推薦'
 }]
 }
}

以上這篇解決VUE 在IE下出現ReferenceError: Promise未定義的問題就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支援我們。