解决vue项目报错webpackJsonp is not defined问题

 更新时间:2018年03月14日 09:53:38   作者:亲爱的混蛋  
下面小编就为大家分享一篇解决vue项目报错webpackJsonp is not defined问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧

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

但是在项目经过本地测试没有任何问题,打包上线后却会报错 webpackJsonp is not defined。这是因为公共文件必须在自己引用的js文件之前引用。

可以手动改文件引用,但是推荐以下解决办法:

找到build→webpack.prod.conf.js→找到HtmlWebpackPlugin插件,添加如下配置即可

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

以上这篇解决vue项目报错webpackJsonp is not defined问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • vue.js语法及常用指令

    vue.js语法及常用指令

    vue.js相比于Angular.js,Vue.js提供了更加简洁、更易于理解的API,使得我们能够快速地上手并使用Vue.js。下面通过本文给大家分享vue.js语法及常用指令,希望对大家有所帮助
    2017-10-10
  • vue+eslint+vscode配置教程

    vue+eslint+vscode配置教程

    这篇文章主要介绍了vue+eslint+vscode配置教程,本文通过实例代码给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
    2019-08-08
  • 浅谈Vue-cli单文件组件引入less,sass,css样式的不同方法

    浅谈Vue-cli单文件组件引入less,sass,css样式的不同方法

    下面小编就为大家分享一篇浅谈Vue-cli单文件组件引入less,sass,css样式的不同方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-03-03
  • 关于el-tooltip使用\n换行的情况显示

    关于el-tooltip使用\n换行的情况显示

    这篇文章主要介绍了关于el-tooltip使用\n换行的情况显示,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2024-04-04
  • vue3 TS vite element ali-oss使用教程示例

    vue3 TS vite element ali-oss使用教程示例

    这篇文章主要为大家介绍了vue3 TS vite element ali-oss使用教程示例,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-07-07
  • Vue开发环境跨域访问问题

    Vue开发环境跨域访问问题

    这篇文章主要介绍了Vue开发环境跨域访问问题,本文给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-01-01
  • vue中el-table单元格复制功能实现

    vue中el-table单元格复制功能实现

    这篇文章主要介绍了vue中el-table单元格复制功能实现,本文给大家介绍的非常详细,感兴趣的朋友跟随小编一起看看吧
    2024-07-07
  • vue动态路由配置及路由传参的方式

    vue动态路由配置及路由传参的方式

    这篇文章主要介绍了vue动态路由配置,vue路由传参的方式,文中给大家提到了router-link这个组件的相关知识,需要的朋友可以参考下
    2018-05-05
  • Vue项目开发常见问题和解决方案总结

    Vue项目开发常见问题和解决方案总结

    这篇文章主要介绍了Vue项目开发常见问题和解决方案总结,帮助大家更好的利用vue开发,感兴趣的朋友可以了解下
    2020-09-09
  • VueRouter导航守卫用法详解

    VueRouter导航守卫用法详解

    这篇文章主要介绍了VueRouter导航守卫的详细用法以及分类介绍,有兴趣的朋友学习参考下吧。
    2017-12-12

最新评论