Загружаемые чанки загружаются, но код не выполняется - PullRequest
Новая
       26

Загружаемые чанки загружаются, но код не выполняется

0 голосов
/ 10 июня 2018

У меня возникла проблема, при попытке использовать чанки в моем реактивном приложении с помощью

реагирующая загрузка

Отлично работает в разработке webpack-dev-serverрежим, но когда я собираю проект и обслуживаю его на сервере, асинхронные компоненты загружены, но код в них не выполняется.Таким образом, страница просто отображается с загрузчиками, которые должны отображаться до тех пор, пока компонент не будет загружен.Нет ошибок в консоли или что-то, все ясно, кусок скрипта вставляется в головку html при загрузке, и ничего не происходит: (

Example async component
import Loadable from 'react-loadable';
const AsyncComponent = Loadable({
  loader : () => (import('../../components/AsyncComponent')),
  loading : () => (<div>Loading....</div>),
});

и рендер 

<Route path="/path/to/asynccomponent" render={() =>(<AsyncComponent />)} />

UPD: При загрузке компонента произошла ошибка. TypeError: Не удалось прочитать свойство 'call' of undefined↵ в o (http://localhost:3000/assets/js/bundle-8866517f8f287a1d3c6b.js:1:318

Исправлено при установке

babel-plugin-syntax-dynamic-import

и обновить параметры exctractCssPlugin до

new exctactCss ({имя файла: 'css / style.css', allChunks: true})

...