我正在尝试在react中延迟加载常量文件。这个常量文件不是react组件，只是简单的javascript文件，如下所示： // constant.js
} // component.jsconst {} = React
浏览 45提问于2021-09-27得票数 1
我使用Reactive惰性进行基于路由的代码拆分，如下所述：import { BrowserRouter as Router, Route, Switch } from 'react-router-dom';
const APage = lazy(() => import(/* webpackChunkName块
浏览 1提问于2019-04-03得票数 6
回答已采纳
我尝试在React / Next.js项目中进行代码拆分，但是遇到了障碍。我正在遵循下面的方法：const { SHA512 } = React.lazy(() => import("crypto-js"));useEffectExoticComponent<any> & { readonly _result: ComponentType<any>; }'.
浏览 2提问于2021-10-10得票数 0
回答已采纳
2回答
我正在尝试延迟导入组件。我想悄悄地导入组件。在查看主页时，back组件将静默加载。 await new Promise(resolve => setTimeout(resolve, 5000));
return import
浏览 5提问于2022-06-12得票数 2
回答已采纳
5回答
如何延迟同时加载多个组件
、、、
我有两个组件，我想使用延迟加载来加载所有组件，比如const B = lazy(() => import("../test/B"));
这将创建两个单独的包，并在需要时导入它们。但是，我想要创建一个包，当这个包加载时，我应该能够使用上面的两个组件。我也不想创建包含上述两个
浏览 6提问于2020-04-27得票数 7
根据文档，React.Lazy需要包装在<suspense>中。我可以使用React.Lazy来延迟加载导出函数的服务吗？
action-List-service在.ts文件中导出一个函数对于延迟加载</em
浏览 10提问于2021-02-23得票数 2
因此，我有一个页面(我们称之为Page1)，它通过使用多个可重用组件的React.lazy动态加载，另一个页面(Page2)使用这些可重用组件，这个页面也是动态加载的。我的问题是，是否有办法防止Page2再次加载这些可重用的组件？当我分析生成的最后一个包时，我看到两个页面分别加载可重用组件，我认为理想的情况是只加载它们一次，使用这些可重用组件的每个新动态加载页面都
浏览 15提问于2022-11-24得票数 -2
1回答
我使用的是reactjs的code-splitting延迟加载概念。但是<Suspense>似乎对我不起作用，因为它没有向我展示回退、加载消息和直接在它的渲染中加载代码。我正在本地开发环境中运行react应用程序，而不使用它的生产版本。下面是我正在使用的代码。import React,{ lazy, Suspense } from 'react';
class Homepage extends <em
浏览 5提问于2019-10-09得票数 1
回答已采纳
2回答
我目前正在使用React 16与悬念和延迟代码分割我的代码库。虽然我想预加载组件。
在下面的例子中，我得到了两条路线。是否有一种方法可以在Demo挂载后立即预加载Prime？我尝试在componentDidMount of Prime页面中创建另一个动态导入，但是React.lazy似乎没有得到与下面的动态导入相同的文件。import React, { lazy,
浏览 1提问于2018-11-11得票数 13
回答已采纳
我试图只在单击时加载组件，而不是在启动期间加载所有组件。("root")App.js: return ( <AProviderAContext.Provider value={[A, setA]}>
{props.ch
浏览 0提问于2020-06-17得票数 1
回答已采纳
试图使用Webpack来做延迟加载的反应模块，应用程序-shell首先在服务器上呈现，然后在客户端注入路由器。它在使用gulp的时候编译得很好，但是对于Webpack，我得到了臭名昭著的消息：
./server/components/routes/AppRouter.jsxModule解析失败: /web/sites/react-lazy/server/components/routes/AppRouter.jsx
浏览 3提问于2016-09-05得票数 1
回答已采纳
我一直在寻找一个示例，说明如何处理延迟加载的路由的面包屑。我已经能够让这个组件在服务器上正常工作，但是我还没有能够在客户机上得到由getComponent()屏蔽的延迟加载组件。如何访问异步组件？}};// Server polyfill
if (typeof require.ensure !/components/Detail'));
浏览 3提问于2015-12-17得票数 1
2回答
我正在尝试使用React.lazy使我的应用程序更具表现力。由于是一个巨大的文件，我想将它放在一个单独的包中。当前正在运行的导入如下：当我尝试使用惰性语法导入时
const lightwallet= React.lazy(() => import('eth-lightwallet&
浏览 0提问于2018-11-28得票数 5
回答已采纳
2回答
我在react中创建了这个navbar组件import React from 'react';这是我的index.html<
浏览 5提问于2022-02-18得票数 0
回答已采纳
‘注入其中的应用程序：这是正常的反应入口点(App.js)。它将显示描述该网站是什么的页面，关于，联系页面等，以及一个登录页面。signedin URL以下的任何内容都应该是不同的react应用程序的一部分(即第二个ReactDOM.render(...)根组件加载)，因为这将是只有登录用户才能访问的内容。到目前为止，我所研究的是在应用程序中使用Router，然后创建另一个类似的组件，名为SignedInApp.js，我已经尝试<e
浏览 1提问于2021-04-27得票数 1
6回答
我正在通过反应官方文件来了解对懒惰的反应。React.lazy接受一个必须调用动态import()的函数。这必须返回一个Promise，该Promise解析为包含React组件的默认导出的模块。./ OtherComponent’导入OtherComponent；函数MyComponent() {返回( )；}const OtherComponent = Re
浏览 0提问于2018-11-06得票数 10
回答已采纳
在上面的截图中，你可以看到8个js文件没有被使用。但它正在我的应用程序上使用。
浏览 5提问于2020-08-18得票数 4
4回答
模拟导入的延迟反应组件
、、、、
以下是我的惰性组件： .then(module => ({default:LazyBones'
<Suspense fallback={<p>Loading bones</p>}></Suspense&
浏览 1提问于2019-09-11得票数 6
回答已采纳
1回答
我有appRoutes.js文件 import projectConfig from './projectConfig'const Busin = lazy(() => import('./busine'))
const own = lazy(() => import(()=>import('.
浏览 17提问于2021-03-25得票数 0
1回答
我刚刚在我的应用程序中实现了基于路由器的代码分裂(延迟加载)。AFAIK，在实现延迟加载时，访问页面的用户只会加载整个包中的某一部分，而不会加载其他任何内容。那么，是否有一种方法可以告诉我们在加载初始页面之后开始加载其他组件，这样用户在跳转到另一个页面时就不必等待了？
const App = React.lazy(() =>
浏览 5提问于2020-11-21得票数 0
回答已采纳
云服务器
对象存储
ICP备案
云点播
实时音视频
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号