react路由懒加载封装出问题

很抱歉，由于您的问题描述不够详细，我无法判断具体出了什么问题。如果您能提供更多的细节和错误信息，我可以更好地帮助您解决问题。但是，我可以给您一些常见的问题和建议：

1. 确保您在导出组件时使用了 `React.lazy` 函数进行懒加载，并且将其与 `Suspense` 组件一起使用。

2. 确保您的路由配置中使用了正确的组件引用，且路径和组件名称正确匹配。

3. 如果您的懒加载组件中有依赖其他组件的导入语句，确保这些组件也已经进行了懒加载。

4. 如果您使用了 webpack，尝试使用 `babel-plugin-syntax-dynamic-import` 插件来支持动态导入语法。

5. 如果您使用的是 create-react-app，确保您的项目版本是 2.0 或更高版本，因为此版本已经默认支持了路由懒加载。

希望这些建议能够帮助您解决问题。如果您有更多的问题或者细节，请随时提出。

相关问题

react hooks实现路由懒加载

对于问题"react hooks实现路由懒加载”，我可以回答。可以使用React.lazy函数和Suspense组件来实现路由懒加载，这里需要配合React Router使用。React.lazy函数可以按需加载组件，Suspense组件可以实现组件加载时的占位符展示。其实现步骤是：先使用React.lazy函数封装组件，然后在使用Route的component属性时使用该函数进行包裹，并使用Suspense组件包裹整个应用，在fallback属性中展示占位符。

react项目中路由懒加载封装组件页面无法切换

出现路由懒加载封装组件页面无法切换的问题，可能是因为以下原因：

1. 路由配置错误：请确保您的路由配置中使用了正确的组件引用，且路径和组件名称正确匹配。

2. 组件加载错误：请检查您的组件是否正确导出，并且是否正确使用了 `React.lazy` 函数进行懒加载。

3. Suspense 组件未正确使用：请确保您在路由组件中正确使用了 `Suspense` 组件，例如：

   import React, { Suspense } from 'react';
   import { Route, Switch } from 'react-router-dom';
   
   const Home = React.lazy(() => import('./Home'));
   const About = React.lazy(() => import('./About'));
   
   const App = () => {
       return (
           <Suspense fallback={<div>Loading...</div>}>
               <Switch>
                   <Route exact path="/" component={Home} />
                   <Route path="/about" component={About} />
               </Switch>
           </Suspense>
       );
   };
   
   export default App;

4. 组件中存在错误：请检查您的组件是否存在错误，例如语法错误、变量未定义等。

5. 跨域问题：如果您的组件是从远程服务器加载的，可能会存在跨域问题，请确保您的服务器允许跨域访问。

希望以上解决方案能够帮助您解决问题。如果您还有其他问题，请随时提出。