vue项目报错webpackJsonp is not defined

最新推荐文章于 2020-04-17 15:14:33 发布
最新推荐文章于 2020-04-17 15:14:33 发布
阅读量1.6k 收藏
点赞数
原文链接：https://www.cnblogs.com/hcxy/p/7999360.html
版权

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

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

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

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

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

CrazBarry
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
vue中提示$index is not defined错误的解决方式
11-19
今天学习Vue中遇到了一个报错信息：$index is not defined，是我写了个for循环在HTML中，然后是因为版本的问题 下面是解决方法： 原来的是 v-for=”person in items” v-on:click=”deletePerson($index)”//这个仅仅适用于1.0版本，不要采坑了同学们 这个在Vue1.0版本中式适用的可以直接使用$index，但是在2.0是不适合的 在Vue 2.0版本中获取索引我们需要通过 v-for = “(person ,index) in items “, 点击事件我们也不能使用$index，应该使用 v-on:click=
Uncaught ReferenceError: webpackJsonp is not defined at app.js vendor.js
weixin_34358092的博客
12-26 7424
这是由于公共文件的引用必须要在自己引用的js前面，一般我们是用了HtmlWebpackPlugin来生成首页，所以直接上图 chunks: ['manifest','vendor', 'app'] 这样就行啦啦啦啦啦啦啦啊 ...
vue预渲染项目报错webpackJsonp is not defined
weixin_42212558的博客
04-17 696
环境 vue 2.5.2、webpack 3.6.0、prerender-spa-plugin 3.4.0 遇到的问题 打包后出现的报错 相关代码 大部分能查到的资料都是添加chunks。但是在这里并没有生效，问题依然存在。 new HtmlWebpackPlugin({ filename: config.build.index, template: 'ind...
vue打包上线项目报错webpackJsonp is not defined
Zhooson的博客
03-31 2672
见： 添加链接描述
webpackJsonp is not defined
路漫漫其修远兮，吾将上下而求索。
09-08 8443
vue-cli 构建的项目，某一天在chrome中打开出现了这个错误！ (+﹏+)~ 明明前段时间还好好的，这么突然这样了。 经过不断的百度研究后，终于知道原因了 ︿(￣︶￣)︿ 原因如下： 1.生产的公共文件没有引入。 2.文件加载顺序错误，公共文件要先加载。 3.也有可能是被电信ISP劫持了，导致JS顺序错乱。（┗( T﹏T )┛ 我将我的电信流量关闭，打开移动流量，它居然成功了！！！，但...
解决vue项目报错webpackJsonp is not defined问题
10-18
下面小编就为大家分享一篇解决vue项目报错webpackJsonp is not defined问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
vue 报错 Uncaught ReferenceError: webpackJsonp is not defined at vendor.91ba8a38b39d817da762.js:1...
weixin_30410119的博客
08-29 1165
在做公司官网的时候，用的vue-cli，在打包完成部署到服务器上时，每次打开都会报这个错误（Uncaught ReferenceError: webpackJsonp is not defined at vendor.91ba8a38b39d817da762.js:1），然后页面不显示内容，刷新一下才会正常显示，为了解决这个问题，资料也是查遍了，改各种配置，毫无作用。 　偶然...
vue 多入口 打包 webpackJsonp is not defined
Ray_Huang
06-11 1960
注意：这里用的还是vue-cli2搭建的脚手架 解决方法一： 观察脚手架中使用webpack.optimize.CommonsChunkPlugin切分了几块chunk，依次引入就行 new HtmlWebpackPlugin({ filename: process.env.NODE_ENV === 'testing' ? 'index.html' ...
webpack4 配置 ssr 环境遇到“document is not defined”
01-21
最近使用 webpack 4 配置 ssr 环境，发现的问题： ReferenceError: document is not defined 本次package.json使用版本信息： { vue-loader: ^15.4.2, mini-css-extract-plugin: ^0.4.3, webpack: ^4.20.2, webpack-cli: ^3.1.2 ... } 相关代码 问题原因： 在服务端渲染打包的配置中使用了mini-css-extract-plugin是的server bundle中会使用到document
VUE使用‘luckysheet‘ is not defined已解决，其他博主方法没有解决请看这里
06-26
luckysheet源码包
Vue项目报错：Uncaught SyntaxError: Unexpected token <
10-17
主要介绍了Vue项目报错：Uncaught SyntaxError: Unexpected token <，在引入第三方依赖的 JS 文件时，遇到的一个问题，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
基于matlab实现实现了基于项目的协同过滤代码，MATLAB实现.rar
05-04
基于matlab实现实现了基于项目的协同过滤代码，MATLAB实现.rar
各地区年末城镇登记失业人员及失业率.xls
最新发布
05-05
数据来源：中国劳动统计NJ-2023版
企业固定资产信息管理系统设计与实现.doc
05-04
企业固定资产信息管理系统设计与实现.doc
node-v11.14.0-darwin-x64.tar.xz
05-04
Node.js，简称Node，是一个开源且跨平台的JavaScript运行时环境，它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立，旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎，可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型，这使得它非常适合处理大量并发连接，从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外，Node.js使用了模块化的架构，通过npm（Node package manager，Node包管理器）,社区成员可以共享和复用代码，极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展，它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等，因此，开发者可以用JavaScript编写全栈应用程序，这一点大大提高了开发效率和便捷性。 在实践中，许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台，如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能，简化了开发流程，并且能更快地响应市场需求。
node-v8.9.1-sunos-x64.tar.xz
05-04
Node.js，简称Node，是一个开源且跨平台的JavaScript运行时环境，它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立，旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎，可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型，这使得它非常适合处理大量并发连接，从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外，Node.js使用了模块化的架构，通过npm（Node package manager，Node包管理器）,社区成员可以共享和复用代码，极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展，它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等，因此，开发者可以用JavaScript编写全栈应用程序，这一点大大提高了开发效率和便捷性。 在实践中，许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台，如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能，简化了开发流程，并且能更快地响应市场需求。
vue项目报错 process is not defined
12-01
在Vue3中，如果使用了process.env，会遇到process未定义的情况。这是因为在Vue3中，process.env已经被移除了。解决这个问题的方法是在vite.config.js或vite.config.ts中...这样就可以在Vue3项目中使用process.env了。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值