我正在尝试进行基于组件的代码拆分。 Webpack 3.

    loadDecisions = async () => {
    if (!this.TmplDecisions) {
      this.TmplDecisions = await import(
        /* webpackChunkName: "chunk-templates-decisions" */ 'src/components/decisions'
      );
    }

    return this.TmplDecisions;
  }

  renderDecisions () {
    if (this.TmplDecisions && this.TmplDecisions.default) {
      return <this.TmplDecisions.default 
        {...this.props} 
        logOpenEvent={this.logTagOpenEvent}
      />;
    } else return null;
  };

该组件在开发工具调试器中显示正常，但它被渲染为 <undefined></undefined>

有人可以帮忙吗？

最佳答案

您的路径名应以 ./ 开头，以便动态导入相关模块。

eg: /* webpackChunkName: "chunk-templates-decisions"*/'./src/components/decisions.js' (注意这里的./，否则webpack 将 src 视为 npm 模块)。

关于javascript - Webpack Import Code Splitting 渲染 <undefined>，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/54245354/