Javascript ReactJS代码拆分在通过WebPack将引导加载到Wordpress时导致错误

我目前正在使用一个允许将ReactJS直接注入站点的Web包配置。这会将所有React代码编译成一个index.js，我正试图对其进行代码拆分，因为文件变得非常大。如果没有代码拆分，则不会加载引导，因为我将它作为WordPress主题的一部分。但是，当我使用React.lazy（）时，0.js会出现404个错误，我的开发工具说这是由引导引起的。这是我的index.js：

const Register = lazy(() => import('./components/register/register')); // Import function

对于渲染：

<Suspense fallback={<div><Loader/></div>}><div id="container"><Register /></div></Suspense>

正常导入模块，如从“./components/Register/Register”导入寄存器它工作得非常好，但只要我使用lazy，控制台就会开始抛出错误。无论哪种方式，WebPack都能正确编译。以下是控制台错误的屏幕截图：

---

任何帮助都将不胜感激，因为我通常使用CreateReact应用程序，对定制网页不太了解。谢谢

我非常努力地找出了问题的根源，结果发现，当文件实际放在浏览器上时，浏览器正在查找上的0.js块。经过几次谷歌搜索和一些尝试和错误之后，我找到了一个允许正确编译的网页包配置。详情如下:

output: {
        path: path.resolve(__dirname, 'build'),
        publicPath: '/wp-content/themes/theme/build/'
    },

只是记录下这一点，以防其他人也有同样的问题