解决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 相关文章推荐
setTimeout()递归调用不加引号出错的解决方法
Sep 05 Javascript
jQuery中queue()方法用法实例
Dec 29 Javascript
jQuery+CSS实现滑动的标签分栏切换效果
Dec 17 Javascript
AngularJS控制器controller正确的通信的方法
Jan 25 Javascript
微信小程序使用第三方库Immutable.js实例详解
Sep 27 Javascript
微信小程序中做用户登录与登录态维护的实现详解
May 17 Javascript
vue发送ajax请求详解
Oct 09 Javascript
ajax与jsonp的区别及用法
Oct 16 Javascript
微信小程序实现文字从右向左无限滚动
Nov 18 Javascript
基于 jQuery 实现键盘事件监听控件
Apr 04 jQuery
如何通过javaScript去除字符串两端的空白字符
Feb 06 Javascript
vue+animation实现翻页动画
Jun 29 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
解析PayPal支付接口的PHP开发方式
2010/11/28 PHP
php中通过curl检测页面是否被百度收录
2013/09/27 PHP
Laravel服务容器绑定的几种方法总结
2020/06/14 PHP
javascript iframe编程相关代码
2009/12/28 Javascript
jQuery 打造动态渐变按钮 详细图文教程
2010/04/25 Javascript
高效的表格行背景隔行变色及选定高亮的JS代码
2010/12/04 Javascript
用js小类库获取浏览器的高度和宽度信息
2012/01/15 Javascript
举例讲解Node.js中的Writable对象
2015/07/29 Javascript
jquery判断复选框是否被选中的方法
2015/10/16 Javascript
JS实现添加,替换,删除节点元素的方法
2016/06/30 Javascript
运用jQuery写的验证表单(实例讲解)
2017/07/06 jQuery
Javascript中 toFixed四舍六入方法
2017/08/21 Javascript
layui添加动态菜单与选项卡
2019/07/26 Javascript
layui实现数据表格隐藏列的示例
2019/10/25 Javascript
vue遍历生成的输入框 绑定及修改值示例
2019/10/30 Javascript
vue element自定义表单验证请求后端接口验证
2019/12/11 Javascript
浅谈js数组splice删除某个元素爬坑
2020/10/14 Javascript
[02:10]DOTA2 TI10勇士令状玩法及不朽Ⅰ展示:焕新世界,如你所期
2020/05/29 DOTA
python基础教程之面向对象的一些概念
2014/08/29 Python
tensorflow学习笔记之简单的神经网络训练和测试
2018/04/15 Python
python cv2读取rtsp实时码流按时生成连续视频文件方式
2019/12/25 Python
在Mac中PyCharm配置python Anaconda环境过程图解
2020/03/11 Python
Tensorflow卷积实现原理+手写python代码实现卷积教程
2020/05/22 Python
django form和field具体方法和属性说明
2020/07/09 Python
python进行OpenCV实战之画图(直线、矩形、圆形)
2020/08/27 Python
草莓网化妆品澳大利亚站:Strawberrynet AU
2017/12/18 全球购物
Otticanet澳大利亚:最顶尖的世界名牌眼镜, 能得到打折季的价格
2018/08/23 全球购物
Linux如何修改文件和文件夹的权限
2012/06/27 面试题
物控部经理职务说明书
2014/02/25 职场文书
涉密人员保密承诺书
2014/05/28 职场文书
2014年社区妇联工作总结
2014/12/02 职场文书
七一表彰大会简报
2015/07/20 职场文书
2015年教师节感言
2015/08/03 职场文书
初中政治教学工作总结
2015/08/13 职场文书
PYTHON使用Matplotlib去实现各种条形图的绘制
2022/03/22 Python
宝塔更新Python及Flask项目的部署
2022/04/11 Python