使用Webpack 5 SplitChunksPlugin后页面空白无报错，求技术指导

• 确认runtime和vendors bundle是否在HTML中引入
  你的配置开启了runtimeChunk: 'single'和vendors缓存组，会生成单独的runtime.bundle.js和vendors.bundle.js。这两个文件是主bundle（如user_spa.bundle.js）的依赖，必须在HTML中先于主bundle引入。如果缺失，主bundle无法正确解析依赖，会导致代码静默失败，页面空白。

• 检查额外chunk的加载状态
  用浏览器开发者工具的Network面板，查看120.b01d2775b45c779ccb2e.bundle.js这类chunk是否成功加载。如果这些chunk是主bundle依赖的同步拆分模块，没有加载的话会导致核心代码缺失；如果是异步模块，确认主bundle中是否有触发其加载的逻辑（比如是否有未执行的异步导入）。

• 验证target配置的兼容性
  你设置了target: ["web", "es5"]，如果SplitChunks生成的chunk中包含未被转译为ES5的代码，可能在部分浏览器中无法执行且不抛出错误。可以尝试暂时移除es5 target，重新打包后测试页面是否正常，或者检查Babel配置是否覆盖了所有Webpack处理的模块（包括node_modules中的部分依赖）。

• 确认React挂载逻辑是否执行
  在user_spa.js的根挂载代码前添加console.log('挂载开始')，打开浏览器控制台查看是否有输出。如果没有输出，说明主bundle的代码可能因为依赖缺失没执行到挂载步骤；如果有输出，检查挂载逻辑是否正确（比如根节点选择器是否存在、ReactDOM.render/React.createRoot是否正确调用）。

• 检查Webpack output的publicPath配置
  如果你的output配置中publicPath设置不正确，会导致chunk的加载路径错误。比如publicPath设为绝对路径但部署环境不匹配，或者相对路径层级错误，都会导致chunk加载失败（可能在Network中显示404，但部分情况下浏览器不会抛出明显错误）。确认publicPath是否与部署环境的路径一致。

• 用Webpack Stats分析chunk依赖
  运行Webpack时添加--stats detailed参数生成详细的stats文件，或者使用webpack-bundle-analyzer插件可视化chunk的依赖关系，确认主bundle与拆分出的chunk之间的依赖是否正确，是否有遗漏的依赖导致代码无法执行。

内容的提问来源于stack exchange，提问作者J4v4Scr1pt