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

在vue单页面应用中,我们大概都会使用CommonsChunkPlugin这个插件。

但是在项目经过本地测试没有任何问题,打包上线后却会报错 webpackJsonp is not defined。这是因为公共文件必须在自己引用的js文件之前引用。
在这里插入图片描述
方案一
可以手动改文件引用,但是推荐以下解决办法:
找到build→webpack.prod.conf.js→找到HtmlWebpackPlugin插件,添加如下配置即可在这里插入图片描述
vue预渲染项目报错webpackJsonp is not defined_第1张图片

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

手动修改文件引用的顺序
vue预渲染项目报错webpackJsonp is not defined_第2张图片
方案二
在打包完dist里面的index.html里修改
vue预渲染项目报错webpackJsonp is not defined_第3张图片
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
), 里面有部分报错问题的解决方法 ! 谢谢 !

你可能感兴趣的:(vue,vue预渲染,webpackJsonp,is,not,defined)