reactjs 使用react-native-webview将React应用注入到其他网站

uinbv5nw  于 5个月前  发布在  React
关注(0)|答案(1)|浏览(81)

**背景:**我正在使用Expo开发一个React Native应用。目的是注入一个React应用(构建代码),作为另一个使用react-native-webview的网站的一部分运行。
**环境:**iOS(iPhone 15 Pro模拟器)
到目前为止我做了什么:

  • 我可以注入一些简单的JS代码,如alert('something'),它工作得很好。
  • 我可以向网站注入一个带有一些文本的div
    什么不工作:
rootElement.innerHTML = renderToString(<div>Hello 123</div>); // does not work
root = createRoot(rootElement); // also does not work

字符串
每当我向webview注入一些react-dom方法时,它就停止工作(包括在这些行上方添加的其他警报)。
我确实尝试用try catch Package 有问题的代码,以便记录错误消息,但它也不起作用。在我看来,每当react-dom模块捆绑到构建中时,代码就停止工作。

我的问题:

你有没有遇到过这种情况?你是怎么解决的?我会花更多的时间来检查为什么它不工作,但在深入研究之前,我希望从社区得到一些答案。谢谢!

flseospp

flseospp1#

实际上我可以弄明白,Webpack做了一个单独的vendor构建(包括npm模块),我没有把它包含到注入的代码中。
我刚刚意识到,在比较了两个版本之后:with vs.没有添加react-dom的方法。

相关问题