我遇到了一个问题,试图通过使用我的反应APP中使用块

反应可装载

它在开发模式下的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:无法在o处读取undefined↵的属性'call'(http:// localhost:3000 / assets / js / bundle-8866517f8f287a1d3c6b.js:1:318

通过安装修复它

babel-plugin-syntax-dynamic-import

并将exctractCssPlugin选项更新为

new exctactCss({filename:'css / style.css',allChunks:true})