解决vue打包后刷新页面报错:Unexpected token


Posted in Javascript onAugust 27, 2019

前言

今天遇到了一个很怪的问题,在vue-cli+webpack的项目中,刷新特定页面后页面会变空白,报错为index.html文件中Unexpected token <。

怪点一是开发环境没有问题,只有生产环境有问题,怪点二是只有一个页面有问题,其他页面完全正常

正文

报错截图:

解决vue打包后刷新页面报错:Unexpected token

根据上面的情况和以往经验,应该在index.html页面及发生错误的页面定位问题,但均解决不了问题。

最后找到此项目的路由处,经过多次测试,解决问题,也确定了问题原由,原来是:路由中path的值不能以小写m开头,否则就会报上面的错误。

在此写下报错环境及条件:

vue版本:2.5.2

vue-router:3.0.1

webpack:3.6.0

生产环境(npm run build 已放入服务器)

页面路由的path以/m开头

以上就是全部解决方法,感谢大家的阅读和对三水点靠木的支持。

Javascript 相关文章推荐
JavaScript 异步调用框架 (Part 6 - 实例 &amp; 模式)
Aug 04 Javascript
表单切换,用回车键替换Tab健(不支持IE)
Jul 20 Javascript
js 高效去除数组重复元素示例代码
Dec 19 Javascript
js实现百度联盟中一款不错的图片切换效果完整实例
Mar 04 Javascript
JQuery日历插件My97DatePicker日期范围限制
Jan 20 Javascript
JS上传图片预览插件制作(兼容到IE6)
Aug 07 Javascript
bootstrap中添加额外的图标实例代码
Feb 15 Javascript
js实现下一页页码效果
Mar 07 Javascript
jQuery实现html table行Tr的复制、删除、计算功能
Jul 10 jQuery
javascript实现循环广告条效果
Dec 12 Javascript
深入理解 JS 垃圾回收
Jun 03 Javascript
JavaScript Canvas编写炫彩的网页时钟
Oct 16 Javascript
JS用最简单的方法实现四舍五入
Aug 27 #Javascript
微信小程序模板消息推送的两种实现方式
Aug 27 #Javascript
vue实现codemirror代码编辑器中的SQL代码格式化功能
Aug 27 #Javascript
详解微信小程序开发之formId使用(模板消息)
Aug 27 #Javascript
在vue项目中使用codemirror插件实现代码编辑器功能
Aug 27 #Javascript
vue使用codemirror的两种用法
Aug 27 #Javascript
微信小程序中为什么使用var that=this
Aug 27 #Javascript
You might like
php中mt_rand()随机数函数用法
2014/11/24 PHP
详解Laravel视图间共享数据与视图Composer
2016/08/04 PHP
PHP常用字符串函数用法实例总结
2020/06/04 PHP
Aster vs Newbee BO5 第二场2.19
2021/03/10 DOTA
JavaScript操纵窗口的方法小结
2013/06/28 Javascript
jquery高级编程的最佳实践详解
2014/03/23 Javascript
jQuery实现伸展与合拢panel的方法
2015/04/30 Javascript
jQuery链式操作实例分析
2015/11/16 Javascript
使用JQuery 加载页面时调用JS的实现方法
2016/05/30 Javascript
如何使用jquery实现文字上下滚动效果
2016/10/12 Javascript
js仿微信公众平台打标签功能
2017/04/08 Javascript
vue2.0 与 bootstrap datetimepicker的结合使用实例
2017/05/22 Javascript
vue结合Echarts实现点击高亮效果的示例
2018/03/17 Javascript
Vue作用域插槽slot-scope实例代码
2018/09/05 Javascript
手淘flexible.js框架使用和源代码讲解小结
2018/10/15 Javascript
详解如何使用webpack打包多页jquery项目
2019/02/01 jQuery
小程序红包雨的实现示例
2019/02/19 Javascript
使用express来代理服务的方法
2019/06/21 Javascript
微信小程序的开发范式BeautyWe.js入门详解
2019/07/10 Javascript
jQuery Datatables 动态列+跨列合并实现代码
2020/01/30 jQuery
vue-cli3项目升级到vue-cli4 的方法总结
2020/03/19 Javascript
[59:48]LGD vs IG 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/19 DOTA
python实现的一只从百度开始不断搜索的小爬虫
2013/08/13 Python
Python实现类似比特币的加密货币区块链的创建与交易实例
2018/03/20 Python
python如何编写win程序
2020/06/08 Python
加拿大女装网上购物:Reitmans
2016/10/20 全球购物
喜诗官方在线巧克力店:See’s Candies
2017/01/01 全球购物
Asics日本官网:鬼冢八喜郎创立的跑鞋运动品牌
2017/10/18 全球购物
淘宝店铺营销方案
2014/02/13 职场文书
园林系毕业生求职信
2014/06/23 职场文书
做一个有道德的人活动方案
2014/08/25 职场文书
父母教会我观后感
2015/06/17 职场文书
python3 实现mysql数据库连接池的示例代码
2021/04/17 Python
apache ftpserver搭建ftp服务器
2022/05/20 Servers
python实现商品进销存管理系统
2022/05/30 Python
CSS的calc函数用法小结
2022/06/25 HTML / CSS