關於android h5內嵌網頁報TypeError: Object.entries is not a function

來源:互聯網
上載者:User

標籤:com   引入   imp   編譯   es5   obj   模組   inf   rom   

android內嵌網頁有個tab點擊居然沒反應,暈了。不過還好只是手裡的魅族手機有問題,華為的可以,基本可以確定是相容性問題

用devtools查看webview網頁看到報錯資訊如

很明顯了es6的generators的entries函數不支援,然後查看手機的chrome核心版本是51,查了下android chrome核心相容性如,android chrome的相容性更新如此之慢。

解決吧,本來以為是babel編譯轉es5的問題,搞了半天不行。。最後查看大神的回答才發現:babel只能在構建過程中轉譯文法糖,比如說將ES7/ES6/JSX中的文法部分(例如箭頭函數)轉譯成ES5。而polyfill則是解決原生對象的問題,比如說你的瀏覽器不支援Promise,babel就給你建一個Promise供你使用。這樣就清晰了,在webpack構建的時候加上babel-polyfill就行了

兩步

1、安裝模組

npm install --save babel-polyfill

2、配置模組

webpack.config.js中entry加上polyfill(我這裡是用vue-cli建立的項目,webpack設定檔名稱為webpack.base.conf.js。polyfill直接放main.js裡import也可以,只是引入方式不一樣)

entry: {  ‘babel-polyfill‘:‘babel-polyfill‘,  app: ‘./main.js‘},

 

關於android h5內嵌網頁報TypeError: Object.entries is not a function

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.