我有一个应用程序,它映射一个数组(即处于状态),该数组实际上应该只有6组数据(后端实际上将其限制为6组),但不知何故,这有时会导致不存在或旧的数据。它在google chrome和更多浏览器上运行得很好,但是当它访问一个旧的android浏览器时,它开始出现这个错误。这是es3的事情吗?我有web pack来处理这个(我想)。
{objects.map((object)=> {return <Data key={object.key} info={object}/> })}
这就是我在<div>
内部提供数据的地方,我需要通过webpack做一些不同的事情,以便它在安卓浏览器(我相信是es3 )上工作。它在我的google chrome浏览器和其他浏览器上都能完美工作。
发布于 2018-06-01 05:34:57
Webpack捆绑你的代码,巴别塔编译你的代码。您可以通过编辑package.json或.babelrc文件中的Babel配置来更改目标浏览器版本。
对于您的特定问题,可以通过创建一个针对该版本Android的构建来缩小可能性的范围。
配置类似于.babelrc
文件中的this:
{
"presets": [
["env", {
"targets": {
"browsers": [ "Android >= 4" ]
}
}]
]
}
如果你的巴别塔配置在你的package.json
中,那么就像this
{
"name": "my-package",
"version": "1.0.0",
"babel": {
"presets": [
["env", {
"targets": {
"browsers": [ "Android >= 4" ]
}
}]
]
}
}
我会找到你的目标Android的浏览器版本,并输入上面的内容。
我还会查看android设备上的网络流量,以确保由于格式错误的请求或API中的bug而没有收到超过6条记录。
浏览器错误不能使数据出现。让我相信这是一个API错误。如果从限制为6条记录的API中看到6条以上的记录,这意味着API中存在错误,或者一次检索6条记录并将其添加到内存中保存的数组中。因此,这个列表还在不断增加。只是一些纸上谈兵的猜想/猜测。
https://stackoverflow.com/questions/50632409
复制相似问题