vue.js项目打包到正式环境报错 webpackJsonp is not defined 是怎么回事呢？

Question

vue项目打包发布到生产环境后，刷新页面有时候会发现页面加载不出来，然后f12查看，返现如下错误：

最后发现导致问题的原因是——vendor.xxx.js文件依赖manifest.xxx.js里面的webpackjsonp函数，由于vendor.xxx.js优先于manifest.xxx.js文件加载，所有才导致此错误。

注：上图是出现错误webpackJsonp is not defined的请求详细（menifest.xxx.js文件出现了两次）

但是有一个奇怪的问题是，上图的manifest.xxx.js文件出现了两次，只不过第一次出现的文件没有webpackjsonp函数，如果未出现webpackJsonp is not defined错误时，对应的请求列表里面，manifest.xxx.js只会出现一次！

问题找到了，主要是因为vendor.xxx.js优先于manifest.xxx.js加载导致，该如何处理这个问题呢？

注：本地开发环境和测试环境很难复现这个问题，有办法么？

Answer 1

这是服务器那边 设置缓存了把 第一次进入应该是没有问题的把

Answer 2

换一下webpack.config.js中CommonsChunkPlugin的生成顺序试下

Answer 3

同样遇到了这个问题，还没有解决方法。。

这个问题是偶尔出现，有时候半天不出来一次，有时候10次刷新有三四次出现这个情况

网上查阅资料都是说公共文件manifest.xxx.js 要先vendor.xxx.js被加载，我看了打包之后的index.html文件，manifest.xxx.js确实是在vendor.xxx.js之前被引入的。

按理</script>引入的js文件是自上而下加载的，但是不知道为什么就出现了楼主你截图中的情况，vendor.xxx.js先manifest.xxx.js被加载了。似乎变成了异步加载...

或许熟悉vue-cli和webpack相关配置，能够找到关于异步加载的设置项

Answer 4

这是跨域问题，服务器设置反向代理！
https://segmentfault.com/a/11...

Answer 5

同样是类似问题，但是我的manifest.xxx.js读取的并不是npm run build里生成的manifest.xxx.js，所以显示404错误导致webpackJsonp is not defined，有人有解决方法么

Answer 6

我也是和楼主一样的问题啊
有啥解决办法吗

Answer 7

想问一下，这个问题解决了没。能说说解决方案么

Answer 8

同上，解决了的哥们晒下方案呗

Answer 9

都tm骗人的，进入打包后的vender文件，判断webpackJsonp是否存在，不存在强制刷新页面，简单粗暴

Answer 10

先检查一下是不是报某些文件404的错误？正式环境是不是项目部署在了不同的服务器？服务器在负载均衡的时候是会访问不同IP地址的文件，所以项目需要在本地打包好了。要保证部署在不同IP地址正式环境的项目中构建好的文件名是一致的，这样就不会出现访问不到的问题

Answer 11

大兄弟，你这问题解决了么，我也存在这问题。如果解决了，晒晒方案可否？