Question

我遇到了一个问题，尝试使用

在我的反应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：无法读取属性＆＃39; call＆＃39; ofundefined↵ato（http://localhost:3000/assets/js/bundle-8866517f8f287a1d3c6b.js:1:318

通过安装

修复它

巴别-插件 - 句法 - 动态导入

并将exctractCssPlugin选项更新为

new exctactCss（{filename：＆＃39; css / style.css＆＃39;，allChunks：true}）

可加载反应的块加载但代码未执行

0 个答案: