Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/mysql/61.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs 防止装载/初始呈现服务器呈现的组件_Reactjs_Code Splitting - Fatal编程技术网

Reactjs 防止装载/初始呈现服务器呈现的组件

Reactjs 防止装载/初始呈现服务器呈现的组件,reactjs,code-splitting,Reactjs,Code Splitting,我正在使用类似的自定义工具在构建时创建我的应用程序的快照,如下所示。这将生成一个静态服务器呈现版本,我可以在nginx后面部署它,而无需在服务器上运行react。这个很好用 我还使用代码拆分来延迟加载一些组件,以减少初始JS负载。(我使用react loadable,但如果需要,我愿意更改它。)它在创建快照时工作正常,HTML生成正确,用户接收正确,所有内容都完全显示在服务器上,甚至不用下载任何JS。这太棒了 但是,在客户端重新水合期间,异步加载组件的import(…)调用尚未启动。同时,DOM

我正在使用类似的自定义工具在构建时创建我的应用程序的快照,如下所示。这将生成一个静态服务器呈现版本,我可以在nginx后面部署它,而无需在服务器上运行react。这个很好用

我还使用代码拆分来延迟加载一些组件,以减少初始JS负载。(我使用react loadable,但如果需要,我愿意更改它。)它在创建快照时工作正常,HTML生成正确,用户接收正确,所有内容都完全显示在服务器上,甚至不用下载任何JS。这太棒了

但是,在客户端重新水合期间,异步加载组件的
import(…)
调用尚未启动。同时,DOM已经有了必须从快照中呈现的内容

在这个场景中,有没有一种方法可以防止组件在装载期间的初始呈现,因为我已经在DOM中拥有了内容

另外,是否可以在
导入完成后运行react的水合逻辑,以便即使导入完成后也可以防止任何闪烁


重要的是,延迟加载的组件是不常使用的路由,由react router管理。

您找到解决问题的方法了吗?我面临着和你一样的情况(