jeecg boot在优化前端打包以及js加载时间的时候遇到chunk.js文件过多导致浏览器在加载的时候报错net::ERR_HTTP2_SERVER_REFUSED

本文链接：https://blog.csdn.net/a_biggerfish/article/details/138133917

文章讨论了前端项目中chunk.js过多导致加载失败的问题，原因包括网络连接不稳定、浏览器并发限制、代码分割配置不合理等。提供了解决方案，如关闭浏览器预加载或使用LimitChunkCountPlugin来限制chunk.js数量。

摘要由CSDN通过智能技术生成

这个是ai给出的原因：

1.网络连接不稳定或服务器响应慢：
大量的JS文件意味着浏览器需要发起更多的HTTP请求。如果用户的网络连接不稳定或服务器响应速度较慢，这些请求可能会超时或中断，导致部分文件加载失败。

2.浏览器并发限制：
浏览器对同时发起的HTTP请求数量有限制（通常为6个左右，视浏览器版本和设置而异）。当同时加载大量/chunk文件时，可能会超出这一限制，导致部分请求被延迟或阻塞，进而加载失败。

3.代码分割配置不合理：
如果代码分割配置过于细粒度，可能会生成大量小体积的/chunk文件。虽然理论上有利于按需加载，但过多的小文件可能导致HTTP请求的开销大于文件本身带来的加载速度提升，特别是在移动端或低速网络环境下。
4.服务器或CDN故障：
如果服务器或CDN服务出现故障、过载或配置错误，可能导致部分/chunk文件无法正常提供，从而加载失败。
5.浏览器兼容性问题：
少数老旧或非标准的浏览器可能对处理大量并发请求或某些现代JavaScript特性存在限制，导致加载失败。

通过原因分析发现是因为前端项目在打包的时候生成了太多的chunk.js然后浏览器又有预加载策略，

这里要么关闭浏览器的预加载，要么控制打包生成的chunk.js数量

chainWebpack: (config) => {
    // 关闭浏览器的预加载
    config.plugins.delete('prefetch')
    // 或者在打包时候控制chunk.js生成的数量
    const webpack = require('webpack')
      config.plugin('chunkPlugin').use(webpack.optimize.LimitChunkCountPlugin, [{
        maxChunks: 5, // 必须大于或等于 1，此处设置成最多生成5个chunk.js文件
        minChunkSize: 10000
     }])
}