解决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 相关文章推荐
document.write()及其输出内容的样式、位置控制
Aug 12 Javascript
js不能获取隐藏的div的宽度只能先显示后获取
Sep 04 Javascript
jQuery 和 CSS 的文本特效插件集锦
Dec 12 Javascript
jquery+php实现滚动的数字特效
Nov 29 Javascript
浅析JS操作DOM的一些常用方法
May 13 Javascript
jQuery File Upload文件上传插件使用详解
Dec 06 Javascript
正则中的回溯定义与用法分析【JS与java实现】
Dec 27 Javascript
微信小程序 基础知识css样式media标签
Feb 15 Javascript
简单实现js放大镜效果
Jul 24 Javascript
微信小程序picker组件下拉框选择input输入框的实例
Sep 20 Javascript
微信小程序实现跟随菜单效果和循环嵌套加载数据
Nov 21 Javascript
Vue递归组件+Vuex开发树形组件Tree--递归组件的简单实现
Apr 01 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
PHP中单引号与双引号的区别分析
2014/08/19 PHP
PHP使用in_array函数检查数组中是否存在某个值
2015/03/25 PHP
js简单的弹出框有关闭按钮
2014/05/05 Javascript
js 动态修改css文件的方法
2014/08/05 Javascript
javascript根据时间生成m位随机数最大13位
2014/10/30 Javascript
jQuery+ajax实现动态执行脚本的方法
2015/01/27 Javascript
jQuery插件Tooltipster实现漂亮的工具提示
2015/04/12 Javascript
jquery获取url参数及url加参数的方法
2015/10/26 Javascript
完美实现八种js焦点轮播图(上篇)
2016/07/18 Javascript
vue click.stop阻止点击事件继续传播的方法
2018/09/04 Javascript
vue-cli3环境变量与分环境打包的方法示例
2019/02/18 Javascript
vue中使用 pako.js 解密 gzip加密字符串的方法
2019/06/10 Javascript
vue组件暴露和.js文件暴露接口操作
2020/08/11 Javascript
python下载文件时显示下载进度的方法
2015/04/02 Python
在Python下进行UDP网络编程的教程
2015/04/29 Python
详解Python中dict与set的使用
2015/08/10 Python
PyQt5每天必学之工具提示功能
2018/04/19 Python
Python-while 计算100以内奇数和的方法
2019/06/11 Python
python 命名规范知识点汇总
2020/02/14 Python
解决Python logging模块无法正常输出日志的问题
2020/02/21 Python
python 实现aes256加密
2020/11/27 Python
python 指定源路径来解决import问题的操作
2021/03/04 Python
AmazeUi Tree(树形结构) 应用小结
2020/08/17 HTML / CSS
Otticanet意大利:最顶尖的世界名牌眼镜, 能得到打折季的价格
2019/03/10 全球购物
竞聘上岗演讲稿范文
2014/01/10 职场文书
青年志愿者事迹材料
2014/02/07 职场文书
科长竞争上岗演讲稿
2014/05/12 职场文书
2014国庆节标语口号
2014/09/19 职场文书
英文产品推荐信
2015/03/27 职场文书
社区挂职锻炼个人工作总结
2015/10/23 职场文书
2019如何书写演讲稿?
2019/07/01 职场文书
详解非极大值抑制算法之Python实现
2021/06/28 Python
python中__slots__节约内存的具体做法
2021/07/04 Python
python树莓派通过队列实现进程交互的程序分析
2021/07/04 Python
MyBatis配置文件解析与MyBatis实例演示
2022/04/07 Java/Android
MySQL事务的ACID特性以及并发问题方案
2022/07/15 MySQL