Как выполнить разделение кода в приложении CRA - PullRequest
Новая
       29

Как выполнить разделение кода в приложении CRA

0 голосов
/ 05 мая 2020

Я работаю над приложением React с машинописным текстом, созданным из https://reactjs.org/docs/create-a-new-react-app.html, и решил взглянуть на sppliting кода, в настоящее время у меня все компоненты загружаются одновременно в моем приложении. js и вместо этого я хотел бы ленивую загрузку для каждого запроса маршрута!

Я уже смотрел: https://reactjs.org/docs/code-splitting.html, и, похоже, у меня это не работает. Я получаю сообщение об ошибке: Не удалось получить динамически импортированный модуль . Код выглядит так: 

const ApplicantForm = lazy(() => import('../src/components/applicant/ApplicantForm'))
const Registered = lazy(() => import('./modules/Registration/Components/Registered'))
return (
    <ApolloProvider client={apolloClient}>
      <Router>
        <Wrapper>
          <Header />
          <Page>
            <Suspense fallback={<div>Loading...</div>}>
              <Switch>

                <Route path="/passreset-succeeded">
                  <PassResetSucceeded />
                </Route>
                <Route path="/kayttoehdot">
                  <TermsAndConditionsFi />
                </Route>
                <Route path="/privacy-policy">
                  <PrivacyPolicyFi />
                </Route>
                <Route path="/change-password">
                  <ChangePassword />
                </Route>
                <Route>
                  <PageNotFound />
                </Route>
                <Route path="/not-authorized" exact></Route>
              </Switch>
            </Suspense>
          </Page>
          <Footer />
        </Wrapper>
      </Router>
    </ApolloProvider>
  )

Есть идеи, почему это не работает? Работает ли этот шаблон для приложения CRA, есть ли что-то, что я должен включить, установить или настроить, чтобы разделение кода работало?

...