解決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è)參考,也希望大家多多支持好吧啦網(wǎng)。
相關(guān)文章:
1. 淺談SpringMVC jsp前臺(tái)獲取參數(shù)的方式 EL表達(dá)式2. jsp+servlet簡(jiǎn)單實(shí)現(xiàn)上傳文件功能(保存目錄改進(jìn))3. javascript xml xsl取值及數(shù)據(jù)修改第1/2頁(yè)4. XML入門(mén)的常見(jiàn)問(wèn)題(四)5. HTML5 Canvas繪制圖形從入門(mén)到精通6. XML入門(mén)的常見(jiàn)問(wèn)題(一)7. JavaWeb Servlet中url-pattern的使用8. 微信開(kāi)發(fā) 網(wǎng)頁(yè)授權(quán)獲取用戶基本信息9. XML解析錯(cuò)誤:未組織好 的解決辦法10. asp批量添加修改刪除操作示例代碼
