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';

再次运行就可以了。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 前言 webpack2和vue2已经不是新鲜东西了,满大街的文章在讲解webpack和vue,但是很多内容写的不是...
    技术宅小青年阅读 11,601评论 4 43
  • 用命令,可以查看你正在使用的Node环境对ES6的支持程度。 使用下面的命令,可以查看Node所有已经实现的ES6...
    zcwfeng阅读 4,073评论 0 2
  • 了解 Babel 各个模块 本文所研究的是 babel 6 版本。babel 6 是 2015年10月30号 发布...
    shianqi阅读 10,125评论 0 7
  • Babel 入门教程 (说明:本文选自我的新书《ES6 标准入门(第二版)》的第一章《ECMAScript 6简介...
    runner123阅读 4,520评论 0 2
  • 晚上睡前给五岁半的女儿讲了个故事——一粒种子,故事说的是上帝想实现种子的愿望,种子却嫌玫瑰花有刺、小草软弱无力,而...
    柳橙_4912阅读 2,118评论 1 4