реагирующая загрузка - динамически загружаемый код все еще связывается - PullRequest
Новая
       56

реагирующая загрузка - динамически загружаемый код все еще связывается

0 голосов
/ 28 октября 2019

У меня есть следующий код, где boxes.jsx должен динамически загружаться при попадании на конкретный маршрут: 

...
import Loadable from 'react-loadable';
const LoadableBoxes = Loadable({
    loader: () => import('../pages/boxes/boxes.jsx'),
    loading: () => <div>Loading</div>
});

class AppWrapperLoggedInContainer extends Component {
  ...
  render() {
    return (
      <AppWrapperLoggedIn>
        <Switch>
          <Route exact path={core.urls.pages.pathBoxes()} component={restricted(LoadableBoxes)} />
          <Route exact path={core.urls.pages.pathOrganiser()} component={restricted(Organizer)} />
          <Route component={Error404} />
        </Switch>
      </AppWrapperLoggedIn>
    );
  }
}

Однако я вижу, что файл упаковывается Webpack в основной app.*.js комплект и отдельный комплект не загружаются динамически, когда я пересекаю этот маршрут. Любые идеи, почему это не работает - я проверил базу кода и файл boxes.jsx, чтобы больше нигде не импортироваться?

1 Ответ

0 голосов
/ 28 октября 2019

Для динамического импорта требуется тип модуля и соответствующий загрузчик модулей, соответствующий модульной системе ES2015 или выше. Это, вероятно, не так в вашем проекте, поэтому веб-пакет игнорирует динамический импорт. Webpack поддерживает следующие типы модулей: ссылка . Для поддержки динамического импорта вы должны смотреть на esnext.

...