解决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面向对象包装类Class封装类库剖析
Jan 24 Javascript
JS打开新窗口的2种方式
Apr 18 Javascript
js函数名与form表单元素同名冲突的问题
Mar 07 Javascript
jQuery添加/改变/移除CSS类及判断是否已经存在CSS
Aug 20 Javascript
jQuery+ajax实现无刷新级联菜单示例
May 21 Javascript
信息页文内画中画广告js实现代码(文中加载广告方式)
Jan 03 Javascript
BootStrap与validator 使用笔记(JAVA SpringMVC实现)
Sep 21 Javascript
vue.js+boostrap项目实践(案例详解)
Sep 21 Javascript
javascript九宫格图片随机打乱位置的实现方法
Mar 15 Javascript
angularjs下拉框空白的解决办法
Jun 20 Javascript
vue组件初学_弹射小球(实例讲解)
Sep 06 Javascript
webuploader实现上传图片到服务器功能
Aug 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
有关JavaScript的10个怪癖和秘密分享
2011/08/28 Javascript
UpdatePanel和Jquery冲突的解决方法
2013/04/01 Javascript
location.href用法总结(最主要的)
2013/12/27 Javascript
js获取当前地址 JS获取当前URL的示例代码
2014/02/26 Javascript
JavaScript使用DeviceOne开发实战(四)仿优酷视频应用
2015/12/02 Javascript
Underscore源码分析
2015/12/30 Javascript
用NODE.JS中的流编写工具是要注意的事项
2016/03/01 Javascript
RequireJS简易绘图程序开发
2016/10/28 Javascript
手机注册发送验证码倒计时的简单实例
2017/11/15 Javascript
详解webpack3编译兼容IE8的正确姿势
2017/12/21 Javascript
js推箱子小游戏步骤代码解析
2018/01/10 Javascript
vue弹窗组件使用方法
2018/04/28 Javascript
浅谈JavaScript_DOM学习篇_图片切换小案例
2019/03/19 Javascript
编写更好的JavaScript条件式和匹配条件的技巧(小结)
2019/06/27 Javascript
Vue父组件如何获取子组件中的变量
2019/07/24 Javascript
jquery实现购物车基本功能
2019/10/25 jQuery
基于JavaScript实现大文件上传后端代码实例
2020/08/18 Javascript
教大家使用Python SqlAlchemy
2016/02/12 Python
python制作websocket服务器实例分享
2016/11/20 Python
Python信息抽取之乱码解决办法
2017/06/29 Python
Python元字符的用法实例解析
2018/01/17 Python
Flask 让jsonify返回的json串支持中文显示的方法
2018/03/26 Python
Python文本统计功能之西游记用字统计操作示例
2018/05/07 Python
Django stark组件使用及原理详解
2019/08/22 Python
关于TensorFlow新旧版本函数接口变化详解
2020/02/10 Python
python 解决mysql where in 对列表(list,,array)问题
2020/06/06 Python
python设置中文界面实例方法
2020/10/27 Python
HTML5 canvas实现雪花飘落特效
2016/03/08 HTML / CSS
联想中国官方商城:Lenovo China
2017/10/18 全球购物
悬挂训练绳:TRX
2017/12/14 全球购物
采购类个人求职的自我评价
2014/02/18 职场文书
学校标语大全
2014/06/19 职场文书
社区法制宣传月活动总结
2015/05/07 职场文书
领导干部学习三严三实心得体会
2016/01/05 职场文书
个人房屋租赁合同(标准范本)
2019/09/16 职场文书
SQL Server使用T-SQL语句批处理
2022/05/20 SQL Server