解决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 相关文章推荐
IE中直接运行显示当前网页中的图片 推荐
Aug 31 Javascript
javascript 建设银行登陆键盘
Jun 10 Javascript
Javasipt:操作radio标签详解
Dec 30 Javascript
Linux下编译安装php libevent扩展实例
Feb 14 Javascript
jQuery插件简单实现方法
Jul 18 Javascript
JAVA四种基本排序方法实例总结
Jul 24 Javascript
详解angularJs指令的3种绑定策略
Apr 13 Javascript
解决vue里碰到 $refs 的问题的方法
Jul 13 Javascript
JavaScript数据结构与算法之检索算法实例分析【顺序查找、最大最小值、自组织查询】
Feb 22 Javascript
详解Vue 如何监听Array的变化
Jun 06 Javascript
Elasticsearch实现复合查询高亮结果功能
Sep 10 Javascript
ESLint 是如何检查 .vue 文件的
Nov 30 Vue.js
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
DIY实用性框形天线
2021/03/02 无线电
php 调用远程url的六种方法小结
2009/11/02 PHP
一个漂亮的php验证码类(分享)
2013/08/06 PHP
让ThinkPHP支持大小写url地址访问的方法
2014/10/31 PHP
php实现求相对时间函数
2015/06/15 PHP
Jquery 设置标题的自动翻转
2009/10/03 Javascript
js实现双向链表互联网机顶盒实战应用实现
2011/10/28 Javascript
Enter回车切换输入焦点实现思路与代码兼容各大浏览器
2014/09/01 Javascript
js实现图片点击左右轮播
2015/07/08 Javascript
JS实现按比例缩放图片的方法(附C#版代码)
2015/12/08 Javascript
概述jQuery的元素筛选
2016/11/23 Javascript
微信小程序手势操作之单触摸点与多触摸点
2017/03/10 Javascript
JavaScript实现音乐自动切换和轮播
2017/11/05 Javascript
值得收藏的八个常用的js正则表达式
2018/10/19 Javascript
vue+iview 实现可编辑表格的示例代码
2018/10/31 Javascript
JSON生成Form表单的方法示例
2018/11/21 Javascript
jQuery使用$.extend(true,object1, object2);实现深拷贝对象的方法分析
2019/03/06 jQuery
Vue+Node服务器查询Mongo数据库及页面数据传递操作实例分析
2019/12/20 Javascript
js实现橱窗展示效果
2020/01/11 Javascript
JavaScript onclick事件使用方法详解
2020/05/15 Javascript
[58:09]Spirit vs NB Supermajor小组赛 A组败者组决赛 BO3 第三场 6.2
2018/06/03 DOTA
Python中的is和id用法分析
2015/01/26 Python
Python将xml和xsl转换为html的方法
2015/03/10 Python
Python生成随机MAC地址
2015/03/10 Python
python实现逆波兰计算表达式实例详解
2015/05/06 Python
对pycharm 修改程序运行所需内存详解
2018/12/03 Python
详解python校验SQL脚本命名规则
2019/03/22 Python
Python封装成可带参数的EXE安装包实例
2019/08/24 Python
Python Scrapy框架第一个入门程序示例
2020/02/05 Python
国际政治个人自荐信范文
2013/11/26 职场文书
服装厂厂长职责
2013/12/16 职场文书
《雷雨》教学反思
2014/02/20 职场文书
最新离婚协议书范本
2014/08/19 职场文书
2015年银行柜员工作总结报告
2015/04/01 职场文书
MySQL中一条update语句是如何执行的
2022/03/16 MySQL
python pandas 解析(读取、写入)CSV 文件的操作方法
2022/12/24 Python