cost 177 ms
如何从存储在变量中的路径延迟加载 React Native 模块 - How to Lazy-Load a React Native module from a path stored in a variable

我一直在尝试动态加载React Native组件,但没有成功。 当您尝试将存储在变量中的模块路径传递给它时, React Native似乎根本不喜欢它: 这非常有效 - React.lazy : 这也像一个魅力完全动态导入:- 完全动态导入:@loadable/component (npm @lo ...

无法使用 Webpack 和 React 异步加载具有可加载组件的组件 - Failed to asynchronously load component with loadable components using Webpack and React

错误当(似乎是)尝试下载的供应商脚本时,我收到以下错误: 我不知道这是否有帮助,但是当我不混淆文件名时,1117 是 node_modules styled-components 脚本。 该资源位于正确的 output 路径中的公共目录中,并且根据网络选项卡它已成功下载。 故障排除我有一个带有loa ...

有没有办法避免反应可加载组件中的空白 - Is there a way to avoid blanks in react loadable components

我正在使用React Loadable Components Package在我的 React 应用程序中延迟加载组件,如下面的代码片段所示: 该站点托管在 firebase 主机上。 我注意到有时延迟导入的组件在手动刷新页面之前不会加载。 在检查日志时,我可以看到类似的错误区块加载失败一旦我刷新页 ...

LoadableDetachableModel 未在提交时刷新,model 从页面中移除 - LoadableDetachableModel is not refreshed onSubmit and the model is removed from the page

我正在尝试查询表并使用结果列表重新渲染 LoadableDetachableModel。 页面初始化时表为空。 在 onSubmit 方法调用后,表从页面中删除,model 消失了。 我得到的只是JS错误。 我可以看到该属性尚未呈现,但不知道为什么。 以下是相关代码: ...

loadable-components: 无法异步加载组件 - loadable-components: failed to asynchronously load component

我创建了模块 A,它是我的 React 应用程序的组件库。 我计划在模块 B 上使用它,这是我实际的 React 应用程序。 我有一个 index.js,我通过以下方式使用可加载组件从模块 A 导出我的组件 因此,我使用以下 webpack 配置构建和部署模块 A 到 npm 我希望当我在 ...

使用可加载组件进行代码拆分的服务器端渲染反应应用程序 - serverside-rendering react app with code splitting using loadable-components

我最近使用可加载组件实现了带有代码拆分的服务器端渲染反应应用程序 但似乎 loadable-components 本身依赖于 webpack,因为 loadable 用它自己的报告器替换了 jsonp_callback。 那么,在使用 rollup、esbuild 等其他打包器时,我们可以使用哪些 ...

类型错误:当 /* webpackPrefetch: true */ 带有可加载组件和无服务器的 SSR 时,无法读取未定义的属性“__esModule” - TypeError: Cannot read property '__esModule' of undefined when /* webpackPrefetch: true */ when SSR with loadable-component and serverless

我正在使用无服务器部署带有 SSR 的 React 应用程序。 当我使用可加载组件进行代码拆分时,一切都很好,直到我尝试预取资源。 将 /* webpackPrefetch: true */ 添加到任何可加载方法会导致服务器端在导入我的 < App > 时崩溃 重现行为的步骤: ...

部署 React 时出现错误“路径”参数必须是字符串 - 云函数中的可加载组件示例代码 - Getting error "Path" argument must be string while deploying React - Loadable components sample code in cloud functions

我正在尝试将可加载组件集成到我的 SSR 项目中,并且当我在 localhost:3000 中执行时它正在工作,然后我尝试将它部署在云 function 中我收到此错误 [ERR_INVALID_ARG_TYPE]:“路径”参数必须是字符串类型。 收到未定义之后我尝试部署可加载组件服务器端渲染示例, ...

React:可加载组件增加 Cumulative Layout Shift (CLS) - React: Loadable Components increase Cumulative Layout Shift (CLS)

在将服务器端渲染React应用程序迁移到可加载组件以进行代码拆分和延迟加载后,初始包大小及其下载时间按预期减少。 然而,在将经典的React渲染方法替换为Loadable Components渲染方法后,在应用程序代码 rest 不变的情况下,我在PageSpeed / LightHouse中的 ...

在 React 中使用 @loadable/component 从外部脚本加载 function - Load function from external script using @loadable/component in React

我有一个 JSON 文件,其中包含多个脚本文件路径,我希望能够动态加载到我的 React 应用程序中,以根据元数据中的规范构建每个组件。 目前,我的应用程序中有元数据作为Metadata数据数据 object。 元数据.json: 每个脚本都导出一个 function,我希望能够使用它来构建组件。 ...

如何在 React SSR 中为可加载组件制作占位符 - How to make placeholder for Loadable Component in React SSR

我正在使用 typescript 和可加载组件(用于 SSR 实现)开发 React 应用程序,并尝试为可加载组件实现占位符以减少初始加载时页面的移动(页面首先加载,几秒钟后加载可加载组件出现,将事情向下移动)。 我曾尝试使用可加载组件的后备属性,但这会导致更多的转变(后备需要一点时间出现,消失并折 ...

一些反应 Lottie Animations 代码拆分与 Gatsby 开发上的可加载崩溃但在生产中工作 - Some react Lottie Animations code-splitted with loadable crash on Gatsby development but work in prod

在我们的项目中,我们有大约 10 个使用 react-lottie 库并加载了可加载组件库的动画。 其中一些动画在 Gatsby 开发环境中崩溃。 我设法缩小了我失败的范围,有 2 个。 该组件是这样构建的: 然后我们使用代码拆分: 然后我们像这样将组件导入模块: 我在控制台中得到的错误是: 我检查 ...

使用可加载库的 SSR React 应用程序,在主路由的服务器上间歇性地抛出“无法将未定义或 null 转换为对象”错误 - SSR React Application using loadable library, throws “Cannot convert undefined or null to object” error intermittently on the server for Home Route

我有一个使用 React 和 Redux 构建的(服务器端渲染)SSR 应用程序。 我也使用可加载库。 该应用程序托管在 Heroku 上,并使用 Cloudflare 缓存。 应用程序间歇性地在 Heroku 上出现 500 错误,我无法找到错误的根本原因。 下面是错误信息 由于这是间歇性发生的, ...

何时在 NextJS 应用程序中使用可加载组件? - When to use loadable-components in NextJS app?

我正在尝试提高我的网站性能,而 Google Chrome Lighthouse 告诉我使用可加载组件进行 ssr 以“删除未使用的 javascript”。 我在文档中发现它似乎是一个对我的案例具有有用功能的库,例如:组件拆分/加载库。 我的问题是: @loadable/compone ...

使用创建反应应用程序和可加载组件的服务器端渲染和代码分割 - Server side rendering and codesplitting using create react app and loadable components

任何人都有将使用create-react-app转换为通过loadable-components使用服务器端渲染和代码拆分的经验吗? 我知道这是一个普遍的问题,但主要是为这种方法寻找一般指导或任何主要的危险信号。 我想保留您使用create-react-app开箱即用的好东西——尤其是实时重新加载开 ...

@loadable/server 将整个统计信息 JSON 传递给 eval('require')(modulePath) - @loadable/server pass the whole stats JSON to eval('require')(modulePath)

我正在尝试使用@loadable/components为反应应用程序设置 SSR。 我设置了所有基于带有 babel 和 webpack 插件的文档。 当我尝试运行node server.js它运行正常但是当我打开浏览器并抛出以下错误(进入节点控制台):TypeError [ERR_INVALID ...

块加载错误:加载块 XY 失败。 - 生产中随机变得致命 - ChunkLoadError: Loading chunk XY failed. - Randomly getting fatal on PRODUCTION

我们的电子商务平台已经投入生产,我们遇到了奇怪的 ChunkLoadError。 此错误随机发生,不可复制。 当我们尝试打开失败的文件时,它就在那里并且可以正常加载。 如果用户得到这个错误,他得到的白屏(逻辑)但刷新后一切正常。 我们在 React(最新)、Express(最新)上运行 SSR ...

@loadable/componet 未在服务器端渲染上加载 - @loadable/componet not loading on server side rendering

SSR 上的可加载组件不在服务器上呈现,但在客户端上运行良好。 在我的主容器页眉和页脚仅在服务器上呈现可加载组件未在服务器上加载 反应版本 服务器.js 客户端.js 还添加了 Webpack 插件。 stats.json 文件是使用块哈希值创建的。 我在这里做错了什么? ...


 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM