RN 红屏报错：Setting onMessage on a WebView overrides existing values of window.postMessage

胖了会变白的莹子

于 2018-06-29 16:02:07 发布

阅读量1.9k

点赞数

分类专栏： ReactNative ios开发遇到的坑文章标签： window.postMessage reactnative

本文链接：https://blog.csdn.net/qq_37336604/article/details/80857895

版权

在使用React Native的WebView组件加载H5页面时遇到红屏错误，提示设置onMessage会导致已存在的window.postMessage被覆盖。通过在H5页面注入特定JavaScript代码可以避免程序崩溃，但具体原因尚不清楚。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在App的WebView组件中嵌入h5页面时，总会红屏。查阅github上的issue后，发现只有规避这个报错信息能避免程序崩溃。

1 报错信息如下：

2 解决方案：在html页面中注入如下javascript代码可避免崩溃。

 
  const 
  patchPostMessageFunction = () 
  => { 
 
 
  const 
  originalPostMessage = 
  window. 
  postMessage; 
 

 
  const 
  patchedPostMessage = ( 
  message, 
  targetOrigin, 
  transfer) 
  => { 
 
 
  originalPostMessage( 
  message, 
  targetOrigin
 

最低0.47元/天解锁文章