解决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 URL编码和解码使用说明
Apr 12 Javascript
JS 树形递归实例代码
May 18 Javascript
jquery 学习之二 属性相关
Nov 23 Javascript
JavaScript 在网页上单击鼠标的地方显示层及关闭层
Dec 30 Javascript
javascript中的if语句使用介绍
Nov 20 Javascript
ExtJS4如何自动生成控制grid的列显示、隐藏的checkbox
May 02 Javascript
jQuery简单实现中间浮窗效果
Sep 04 Javascript
JS字符串长度判断,超出进行自动截取的实例(支持中文)
Mar 06 Javascript
ECMAscript 变量作用域总结概括
Aug 18 Javascript
angular2路由之routerLinkActive指令【推荐】
May 30 Javascript
微信小程序授权登陆及每次检查是否授权实例代码
Sep 18 Javascript
ElementUI之Message功能拓展详解
Oct 18 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
手冲咖啡应该是现代精品咖啡店的必备选项吗?
2021/03/03 冲泡冲煮
PHP反射机制用法实例
2014/08/28 PHP
php查询whois信息的方法
2015/06/08 PHP
Thinkphp 空操作、空控制器、命名空间(详解)
2017/05/05 PHP
php操作redis数据库常见方法实例总结
2020/02/20 PHP
jQuery1.6 使用方法一
2011/11/23 Javascript
自己实现ajax封装示例分享
2014/04/01 Javascript
ClearTimeout消除闪动实例代码
2016/02/29 Javascript
JS 实现 ajax 异步浏览器兼容问题
2017/01/21 Javascript
Vue 仿百度搜索功能实现代码
2017/02/16 Javascript
详解webpack 配合babel 将es6转成es5 超简单实例
2017/05/02 Javascript
浅谈Vue.js中如何实现自定义下拉菜单指令
2019/01/06 Javascript
layui添加动态菜单与选项卡
2019/07/26 Javascript
JavaScript 截取字符串代码实例
2019/09/05 Javascript
微信小程序转发事件实现解析
2019/10/22 Javascript
解决在Vue中使用axios用form表单出现的问题
2019/10/30 Javascript
如何基于javascript实现贪吃蛇游戏
2020/02/09 Javascript
Django中模版的子目录与include标签的使用方法
2015/07/16 Python
简单理解Python中的装饰器
2015/07/31 Python
Python编程实现二叉树及七种遍历方法详解
2017/06/02 Python
Python数据结构与算法之字典树实现方法示例
2017/12/13 Python
Python实现的简单排列组合算法示例
2018/07/04 Python
python 处理微信对账单数据的实例代码
2019/07/19 Python
Python接口自动化测试框架运行原理及流程
2020/11/30 Python
CSS3 Media Queries详细介绍和使用实例
2014/05/08 HTML / CSS
欧姆龙医疗保健与医疗产品:Omron Healthcare
2020/02/10 全球购物
批评与自我批评材料
2014/02/15 职场文书
《风筝》教学反思
2014/04/10 职场文书
体育课课后反思
2014/04/24 职场文书
先进教师个人事迹材料
2014/12/15 职场文书
个人思想政治总结
2015/03/05 职场文书
老公写给老婆的检讨书
2015/05/06 职场文书
导游词之丽江普济寺
2019/10/22 职场文书
Nginx 根据URL带的参数转发的实现
2021/04/01 Servers
CSS Transition通过改变Height实现展开收起元素
2021/08/07 HTML / CSS
【海涛DOTA】D-cup邀请赛NV.cn vs DT.Love
2022/04/01 DOTA