разделение кода с помощью React.Lazy не работает - PullRequest
Новая
       33

разделение кода с помощью React.Lazy не работает

0 голосов
/ 29 апреля 2020

Я пытаюсь разделить свой пакет, чтобы он загружал только то, что нужно для лучшей производительности, и я попробовал что-то вроде этого: 

const Registration = lazy(() => import('./modules/Registration/Components/Registration'))
function App() {
  const { state } = useContext(GlobalStore)
  return (
    <ApolloProvider client={apolloClient}>
      <Router>
        <Wrapper>
          <Header />
          <Page>
            <Suspense fallback={<div>Loading component...</div>}>
              <Switch>
                <Route path="/" exact>
                  <Registration />
                </Route>
                <Route>
                  <PageNotFound />
                </Route>
                <Route path="/not-authorized" exact></Route>
              </Switch>
            </Suspense>
          </Page>
          <Footer />
        </Wrapper>
      </Router>
    </ApolloProvider>
  )
}

По какой-то причине это не работает, показывая ошибку:

Ошибка типа: не удалось получить динамически импортированный модуль: http://localhost: 3000 / статические / js / modules / Регистрация / Компоненты / Регистрация

...