解決VUE 在IE下出現ReferenceError: Promise未定義的問題
阿新 • • 發佈:2020-11-09
問題原因:
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檔案,如下圖
步驟三: 配置main.js檔案
最後,重新執行專案就可以了
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未定義的問題就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支援我們。