解决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 相关文章推荐
高效的表格行背景隔行变色及选定高亮的JS代码
Dec 04 Javascript
js报错 Object doesn't support this property or method的原因分析
Mar 31 Javascript
教你用jquery实现iframe自适应高度
Jun 11 Javascript
JavaScript类型检测之typeof 和 instanceof 的缺陷与优化
Jan 13 Javascript
基于JavaScript实现全屏透明遮罩div层锁屏效果
Jan 26 Javascript
javascript小数精度丢失的完美解决方法
May 31 Javascript
基于HTML+CSS+JS实现增加删除修改tab导航特效代码
Aug 05 Javascript
jQuery仿写百度百科的目录树
Jan 03 Javascript
Angular 2父子组件之间共享服务通信的实现
Jul 04 Javascript
详解Vue webapp项目通过HBulider打包原生APP(vue+webpack+HBulider)
Feb 02 Javascript
vue-router的两种模式的区别
May 30 Javascript
使用vuex存储用户信息到localStorage的实例
Nov 11 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数组对比函数,存在交集则返回真,否则返回假
2011/02/03 PHP
windows下zendframework项目环境搭建(通过命令行配置)
2012/12/06 PHP
自己写的兼容低于PHP 5.5版本的array_column()函数
2014/10/24 PHP
php查询内存信息操作示例
2019/05/09 PHP
php字符串函数 str类常见用法示例
2020/05/15 PHP
测试JavaScript字符串处理性能的代码
2009/12/07 Javascript
中国地区三级联动下拉菜单效果分析
2012/11/15 Javascript
ext前台接收action传过来的json数据示例
2014/06/17 Javascript
Javascript Object 对象学习笔记
2014/12/17 Javascript
JavaScript中的toLocaleDateString()方法使用简介
2015/06/12 Javascript
jquery mobile开发常见问题分析
2016/01/21 Javascript
JQuery核心函数是什么及使用方法介绍
2016/05/03 Javascript
深入理解React中es6创建组件this的方法
2016/08/29 Javascript
javascript 动态脚本添加的简单方法
2016/10/11 Javascript
函数四种调用模式以及其中的this指向
2017/01/16 Javascript
layui: layer.open加载窗体时出现遮罩层的解决方法
2019/09/26 Javascript
JS运算符简单用法示例
2020/01/19 Javascript
JavaScript undefined及null区别实例解析
2020/07/21 Javascript
在vue中使用eslint,配合vscode的操作
2020/11/09 Javascript
Python实现CET查分的方法
2015/03/10 Python
Python多线程编程(五):死锁的形成
2015/04/05 Python
pytorch构建网络模型的4种方法
2018/04/13 Python
用Python实现读写锁的示例代码
2018/11/05 Python
Python中作用域的深入讲解
2018/12/10 Python
Python实现的序列化和反序列化二叉树算法示例
2019/03/02 Python
Pytest框架之fixture的详细使用教程
2020/04/07 Python
浅谈Python中的模块
2020/06/10 Python
Python同时处理多个异常的方法
2020/07/28 Python
Python排序函数的使用方法详解
2020/12/11 Python
error和exception有什么区别
2012/10/02 面试题
高三自我鉴定
2013/10/23 职场文书
2014年团员学习十八大思想汇报
2014/09/13 职场文书
婚宴新娘致辞
2015/07/28 职场文书
助学金申请书该怎么写?
2019/07/16 职场文书
Python趣味挑战之实现简易版音乐播放器
2021/05/28 Python
Python函数对象与闭包函数
2022/04/13 Python