我遇到了一个问题,试图通过使用我的反应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})