解决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 相关文章推荐
flash javascript之间的通讯方法小结
Dec 20 Javascript
js左侧多级菜单动态的解决方案
Feb 01 Javascript
关于setInterval、setTimeout在jQuery中的使用注意事项
Sep 28 Javascript
jquery简单瀑布流实现原理及ie8下测试代码
Jan 23 Javascript
jquery移除button的inline onclick事件(已测试及兼容浏览器)
Jan 25 Javascript
AngularJS基础 ng-hide 指令用法及示例代码
Aug 01 Javascript
JavaScript mixin实现多继承的方法详解
Mar 30 Javascript
Angular获取手机验证码实现移动端登录注册功能
May 17 Javascript
mongoose中利用populate处理嵌套的方法
May 26 Javascript
深入理解node.js http模块
Jan 24 Javascript
Vue axios设置访问基础路径方法
Sep 19 Javascript
原生javascript实现类似vue的数据绑定功能示例【观察者模式】
Feb 24 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
火影忍者:这才是千手柱间和扉间的真正死因,角都就比较搞笑了!
2020/03/10 日漫
php中可能用来加密字符串的函数[base64_encode、urlencode、sha1]
2012/01/16 PHP
Laravel 手动开关 Eloquent 修改器的操作方法
2019/12/30 PHP
如何快速的呈现我们的网页的技巧整理
2007/07/01 Javascript
js select常用操作控制代码
2010/03/16 Javascript
JS动态添加option和删除option(附实例代码)
2013/04/01 Javascript
jquery 实现返回顶部功能
2014/11/17 Javascript
jquery制作属于自己的select自定义样式
2015/11/23 Javascript
纯JS实现表单验证实例
2016/12/24 Javascript
AngularJS通过ng-Img-Crop实现头像截取的示例
2017/08/17 Javascript
vue项目动态设置页面title及是否缓存页面的问题
2018/11/08 Javascript
JS实现简易计算器
2020/02/14 Javascript
numpy排序与集合运算用法示例
2017/12/15 Python
pandas object格式转float64格式的方法
2018/04/10 Python
python 删除列表里所有空格项的方法总结
2018/04/18 Python
浅谈Python里面小数点精度的控制
2018/07/16 Python
PyQt5实现简易计算器
2020/05/30 Python
基于Python的图像数据增强Data Augmentation解析
2019/08/13 Python
Python手绘可视化工具cutecharts使用实例
2019/12/05 Python
pytorch 自定义卷积核进行卷积操作方式
2019/12/30 Python
用什么库写 Python 命令行程序(示例代码详解)
2020/02/20 Python
python matplotlib.pyplot.plot()参数用法
2020/04/14 Python
python try...finally...的实现方法
2020/11/25 Python
html5新特性与用法大全
2018/09/13 HTML / CSS
HTML5+css3:3D旋转木马效果相册
2017/01/03 HTML / CSS
会计与审计毕业生自荐信范文
2013/12/30 职场文书
小学生家长评语集锦
2014/01/30 职场文书
小学语文业务学习材料
2014/06/02 职场文书
个人对照检查材料思想汇报(四风问题)
2014/09/25 职场文书
六五普法宣传标语
2014/10/06 职场文书
2015年社区科普工作总结
2015/05/13 职场文书
党支部考察鉴定意见
2015/06/02 职场文书
敬业奉献模范事迹材料(2016精选版)
2016/02/26 职场文书
JVM的类加载器和双亲委派模式你了解吗
2022/03/13 Java/Android
如何创建一个创建MySQL数据库中的datetime类型
2022/03/21 MySQL
Java实现超大Excel文件解析(XSSF,SXSSF,easyExcel)
2022/07/15 Java/Android