10

我遇到了一个问题，尝试通过使用在我的反应 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：有错误传递给加载组件类型错误：无法在 o（http://localhost:3000/assets/js/bundle-8866517f8f287a1d3c6b.js:1:318读取 undefined↵ 的属性“调用”

通过安装修复它

babel-plugin-syntax-动态导入

并将 exctractCssPlugin 选项更新为

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

4

0 回答 0