@loadable/componet在服务器端渲染时未加载

@loadable/component是一个用于React应用程序的库，它可以帮助我们在服务器端渲染时按需加载组件。

服务器端渲染（Server-Side Rendering，SSR）是一种将React组件在服务器上渲染成HTML字符串，然后将其发送到浏览器的技术。这种方法可以提供更快的初始加载时间和更好的搜索引擎优化（SEO）。

在服务器端渲染时，由于没有浏览器环境，不能像在客户端那样直接使用动态导入（dynamic import）来按需加载组件。这就是@loadable/component库的用武之地。

@loadable/component库可以将React组件包装成可按需加载的组件。当组件在服务器端渲染时，它会自动将组件及其依赖打包成一个或多个代码块，并将这些代码块的URL添加到渲染的HTML中。然后，在浏览器端，这些代码块将被异步加载和执行，以完成组件的渲染和交互。

使用@loadable/component的优势包括：

1. 提高初始加载性能：按需加载组件可以减少初始加载时需要下载和执行的代码量，从而加快页面加载速度。
2. 改善用户体验：通过减少初始加载时间，可以提供更好的用户体验，尤其是对于网络条件较差的用户。
3. 改善搜索引擎优化：服务器端渲染可以提供完整的HTML内容，有利于搜索引擎抓取和索引网页内容。

@loadable/component适用于任何需要在服务器端渲染时按需加载组件的React应用程序。它特别适用于大型应用程序，其中包含许多复杂的组件和依赖关系。

腾讯云提供了一系列与云计算相关的产品，其中包括云服务器、云数据库、云存储等。您可以通过腾讯云官方网站（https://cloud.tencent.com/）了解更多关于这些产品的详细信息和使用指南。

关于@loadable/component库的更多信息和使用方法，您可以参考以下链接： https://www.npmjs.com/package/@loadable/component