reactjs 使用React Lazy时,我收到以下错误“无法在resolveLazy的lazyInitializer读取未定义的属性(阅读”then“)“[已关闭]

oaxa6hgo  于 2023-03-01  发布在  React
关注(0)|答案(1)|浏览(54)

这个问题是由打字错误或无法再重现的问题引起的。虽然类似的问题在这里可能是on-topic,但这个问题的解决方式不太可能帮助未来的读者。
4小时前关门了。
Improve this question
This is the Error I'm getting
//这是我在React函数组件中使用react lazy的代码。

import React,{Suspense, lazy} from "react";
import { BrowserRouter, Routes, Route } from "react-router-dom";
import Loader from "./components/loader"
const AboutLazy = lazy(()=>{import("./pages/aboutus")})
 <BrowserRouter>
      <HomeContext.Provider value={{ homes}}>    
            <Suspense fallback={<Loader />}>     
            <Routes>
            <Route path="/aboutus" element={<AboutLazy />} /> 
            </Routes>
           </ Suspense > 
           </>
      </HomeContext.Provider>
    </BrowserRouter>
    </>

我希望使用react lazy延迟加载网页

lf5gs5x2

lf5gs5x21#

修改导入命令

const AboutLazy = lazy(()=>{import("./pages/aboutus")})

删除{}括号,因为您正在尝试导入组件,但不返回任何内容
替换为:

lazy(()=> import("./pages/aboutus"))

相关问题