鍍金池/ 問答/HTML/ vue.js項(xiàng)目打包到正式環(huán)境報錯 webpackJsonp is not de

vue.js項(xiàng)目打包到正式環(huán)境報錯 webpackJsonp is not defined 是怎么回事呢？

vue項(xiàng)目打包發(fā)布到生產(chǎn)環(huán)境后，刷新頁面有時候會發(fā)現(xiàn)頁面加載不出來，然后f12查看，返現(xiàn)如下錯誤：

圖片描述

最后發(fā)現(xiàn)導(dǎo)致問題的原因是——vendor.xxx.js文件依賴manifest.xxx.js里面的webpackjsonp函數(shù)，由于vendor.xxx.js優(yōu)先于manifest.xxx.js文件加載，所有才導(dǎo)致此錯誤。

圖片描述
注：上圖是出現(xiàn)錯誤webpackJsonp is not defined的請求詳細(xì)（menifest.xxx.js文件出現(xiàn)了兩次）

但是有一個奇怪的問題是，上圖的manifest.xxx.js文件出現(xiàn)了兩次，只不過第一次出現(xiàn)的文件沒有webpackjsonp函數(shù)，如果未出現(xiàn)webpackJsonp is not defined錯誤時，對應(yīng)的請求列表里面，manifest.xxx.js只會出現(xiàn)一次！

問題找到了，主要是因?yàn)?code>vendor.xxx.js優(yōu)先于manifest.xxx.js加載導(dǎo)致，該如何處理這個問題呢？

注：本地開發(fā)環(huán)境和測試環(huán)境很難復(fù)現(xiàn)這個問題，有辦法么？

回答
編輯回答
吢涼

同上，解決了的哥們曬下方案唄

2017年4月27日 21:19
編輯回答
小眼睛

同樣是類似問題，但是我的manifest.xxx.js讀取的并不是npm run build里生成的manifest.xxx.js，所以顯示404錯誤導(dǎo)致webpackJsonp is not defined，有人有解決方法么

2018年3月11日 18:12
編輯回答
檸檬藍(lán)

同樣遇到了這個問題，還沒有解決方法。。

這個問題是偶爾出現(xiàn)，有時候半天不出來一次，有時候10次刷新有三四次出現(xiàn)這個情況

網(wǎng)上查閱資料都是說公共文件manifest.xxx.js 要先vendor.xxx.js被加載，我看了打包之后的index.html文件，manifest.xxx.js確實(shí)是在vendor.xxx.js之前被引入的。

按理</script>引入的js文件是自上而下加載的，但是不知道為什么就出現(xiàn)了樓主你截圖中的情況，vendor.xxx.js先manifest.xxx.js被加載了。似乎變成了異步加載...

或許熟悉vue-cli和webpack相關(guān)配置，能夠找到關(guān)于異步加載的設(shè)置項(xiàng)

2017年7月2日 07:33
編輯回答
清夢

大兄弟，你這問題解決了么，我也存在這問題。如果解決了，曬曬方案可否？

2017年3月29日 14:20
編輯回答
憶往昔

想問一下，這個問題解決了沒。能說說解決方案么

2018年1月27日 13:13
編輯回答
淺淺

我也是和樓主一樣的問題啊
有啥解決辦法嗎

2018年3月26日 13:44
編輯回答
傲嬌范

換一下webpack.config.js中CommonsChunkPlugin的生成順序試下

2018年4月19日 18:52
編輯回答
尛憇藌

這是服務(wù)器那邊 設(shè)置緩存了把 第一次進(jìn)入應(yīng)該是沒有問題的把

2018年2月22日 08:32
編輯回答
枕邊人

這是跨域問題，服務(wù)器設(shè)置反向代理！
https://segmentfault.com/a/11...

2017年2月27日 08:17