vue預渲染項目報錯webpackJsonp is not defined

在vue單頁面應用中，我們大概都會使用CommonsChunkPlugin這個插件。

但是在項目經過本地測試沒有任何問題，打包上線後卻會報錯 webpackJsonp is not defined。這是因爲公共文件必須在自己引用的js文件之前引用。

方案一
可以手動改文件引用，但是推薦以下解決辦法：
找到build→webpack.prod.conf.js→找到HtmlWebpackPlugin插件，添加如下配置即可在這裏插入圖片描述

chunks: ['manifest', 'vendor', 'app']

手動修改文件引用的順序

方案二
在打包完dist裏面的index.html裏修改

js部分按這個順序引入即可

若遇到其他報錯問題 ,請移步至我的博客
(
https://blog.csdn.net/weixin_44781409/article/details/89356758
https://blog.csdn.net/weixin_44781409/article/details/90671169
https://blog.csdn.net/weixin_44781409/article/details/90670731
https://blog.csdn.net/weixin_44781409/article/details/90670040
), 裏面有部分報錯問題的解決方法 ! 謝謝 !