vue预渲染项目报错webpackJsonp is not defined

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接： https://blog.csdn.net/weixin_44781409/article/details/90671169

在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
), 里面有部分报错问题的解决方法 ! 谢谢 !