我所有的 React.js 应用程序在我测试过的所有桌面浏览器(chrome、edge、IE、firefox)中都能完美运行。但是,当我尝试在我的 iPhone 上打开它们时,无论是 chrome 还是 safari,我都会看到一个空白屏幕。
下面是一个在桌面上运行但在 iOS 上显示为空白的应用示例。
<html>
<head>
<meta charset="utf-8">
<title>react test</title>
<script src="js/jquery.min.js"></script>
<script src="js/react.js"></script>
<script src="js/react-dom.js"></script>
<script>
var h = React.createElement;
$(document).ready(() => {
ReactDOM.render(h('h1', null, 'Hello World!'), document.getElementById('app'));
});
</script>
</head>
<body>
<div id="app"></div>
</body>
</html>
解决这个问题的方法是什么?
最佳答案
我通过大量实验解决了这个问题。
我的 iPhone 上的 Safari 版本不支持我在代码中使用的 ES6 箭头功能。
用 function(){} 替换所有箭头函数解决了这个问题。
关于javascript - 如何修复 React.js iOS 黑屏?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52783063/