Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/25.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs 反应代码拆分不工作_Reactjs_Webpack_Code Splitting_Code Splitting Async - Fatal编程技术网

Reactjs 反应代码拆分不工作

Reactjs 反应代码拆分不工作,reactjs,webpack,code-splitting,code-splitting-async,Reactjs,Webpack,Code Splitting,Code Splitting Async,阅读之后,我尝试使用拆分JavaScript包 Webpack Version: 3.10.10 PageRouter.js 我真的不知道问题的根源是什么,但我怀疑您可能缺少了一些babel插件。退房它使用React-Loadable。您可以交叉检查并检查使用情况: 开始于: export const CodeSplitPageLoadable = createLoadable('./demo/components/CodeSplitPage') 在。这里是我在create react应用程

阅读之后,我尝试使用拆分JavaScript包

Webpack Version: 3.10.10
PageRouter.js
我真的不知道问题的根源是什么,但我怀疑您可能缺少了一些babel插件。退房它使用React-Loadable。您可以交叉检查并检查使用情况:

开始于:

export const CodeSplitPageLoadable = createLoadable('./demo/components/CodeSplitPage')

在。

这里是我在create react应用程序中找到的关于使用react可加载库拆分代码的教程视频,这对我很有用-这里是一个关于代码拆分的媒体博客-现代react JS应用程序使用react.lazy和Suspent进行延迟加载和代码拆分。本视频详细介绍了如何做到这一点:
export default class PageRouter extends React.Component {
    render() {
             ^
        return (...);
    }
}
webpack: Failed to compile.
export const CodeSplitPageLoadable = createLoadable('./demo/components/CodeSplitPage')