react web在安卓瀏覽器打開白屏

最近用react寫了一個網站,在pc端和ios自帶瀏覽器上都可以運行,但拿到安卓機器的瀏覽器上顯示白屏,谷歌了一下,發現是babel的問題。

Babel默認只轉換新的JavaScript句法(syntax),而不轉換新的API,比如Iterator、Generator、Set、Maps、Proxy、Reflect、Symbol、Promise等全局對象,以及一些定義在全局對象上的方法(比如Object.assign)都不會轉碼。

舉例來說,ES6在Array對象上新增了Array.from方法。Babel就不會轉碼這個方法。如果想讓這個方法運行,必須使用babel-polyfill,為當前環境提供一個墊片。

解決方法是安裝babel-polyfill

$ npm install --save babel-polyfill

然后在入口文件中添加

import 'babel-polyfill';

再次運行就可以了。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 前言 webpack2和vue2已經不是新鮮東西了,滿大街的文章在講解webpack和vue,但是很多內容寫的不是...
    技術宅小青年閱讀 6,596評論 4 43
  • 用命令,可以查看你正在使用的Node環境對ES6的支持程度。 使用下面的命令,可以查看Node所有已經實現的ES6...
    zcwfeng閱讀 748評論 0 2
  • 了解 Babel 各個模塊 本文所研究的是 babel 6 版本。babel 6 是 2015年10月30號 發布...
    shianqi閱讀 4,630評論 0 7
  • Babel 入門教程 (說明:本文選自我的新書《ES6 標準入門(第二版)》的第一章《ECMAScript 6簡介...
    runner123閱讀 873評論 0 2
  • 晚上睡前給五歲半的女兒講了個故事——一粒種子,故事說的是上帝想實現種子的愿望,種子卻嫌玫瑰花有刺、小草軟弱無力,而...
    柳橙_4912閱讀 275評論 1 4