解决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中的作用域
Apr 07 Javascript
javascript 获取函数形参个数
Jul 31 Javascript
jquery实现将获取的颜色值转换为十六进制形式的方法
Dec 20 Javascript
基于jquery实现可定制的web在线富文本编辑器附源码下载
Nov 17 Javascript
js简单获取表单中单选按钮值的方法
Aug 23 Javascript
Vue 2中ref属性的使用方法及注意事项
Jun 12 Javascript
JS小球抛物线轨迹运动的两种实现方法详解
Dec 20 Javascript
vue-cli3 项目优化之通过 node 自动生成组件模板 generate View、Component
Apr 30 Javascript
JavaScript RegExp 对象用法详解
Sep 24 Javascript
Vue.js中provide/inject实现响应式数据更新的方法示例
Oct 16 Javascript
js实现点击生成随机div
Jan 16 Javascript
原生JS实现音乐播放器的示例代码
Feb 25 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
写一个用户在线显示的程序
2006/10/09 PHP
php官方微信接口大全(微信支付、微信红包、微信摇一摇、微信小店)
2015/12/21 PHP
详解php用static方法的原因
2018/09/12 PHP
tp5.1 框架数据库-数据集操作实例分析
2020/05/26 PHP
js获取时间(本周、本季度、本月..)
2013/11/22 Javascript
javascript实现给定半径求出圆的面积
2015/06/26 Javascript
JS模式之简单的订阅者和发布者模式完整实例
2015/06/30 Javascript
原生javascript实现图片无缝滚动效果
2016/02/12 Javascript
js+css实现select的美化效果
2016/03/24 Javascript
javascript如何实现360度全景照片问题汇总
2016/04/04 Javascript
JavaScript 随机验证码的生成实例代码
2016/09/22 Javascript
Node.js+ES6+dropload.js实现移动端下拉加载实例
2017/06/01 Javascript
微信小程序request请求后台接口php的实例详解
2017/09/20 Javascript
JS解决position:sticky的兼容性问题的方法
2017/10/17 Javascript
基于vue组件实现猜数字游戏
2020/05/28 Javascript
JavaScript树的深度优先遍历和广度优先遍历算法示例
2018/07/30 Javascript
vue+egg+jwt实现登录验证的示例代码
2019/05/18 Javascript
浅谈layui使用模板引擎动态渲染元素要注意的问题
2019/09/14 Javascript
Vue绑定用户接口实现代码示例
2020/11/04 Javascript
Python 绘图和可视化详细介绍
2017/02/11 Python
Python 字符串操作(string替换、删除、截取、复制、连接、比较、查找、包含、大小写转换、分割等)
2018/03/19 Python
解决python3 json数据包含中文的读写问题
2018/05/10 Python
python爬虫之urllib3的使用示例
2018/07/09 Python
运用Python的webbrowser实现定时打开特定网页
2019/02/21 Python
Python3.6实现带有简单界面的有道翻译小程序
2019/04/16 Python
对django的User模型和四种扩展/重写方法小结
2019/08/17 Python
Python3 shelve对象持久存储原理详解
2020/03/23 Python
keras 如何保存最佳的训练模型
2020/05/25 Python
酒店led欢迎词
2014/01/09 职场文书
2015毕业生实习工作总结
2014/12/12 职场文书
2014年党小组工作总结
2014/12/20 职场文书
2015年度酒店客房部工作总结
2015/05/25 职场文书
2015中学教学工作总结
2015/07/22 职场文书
python自动计算图像数据集的RGB均值
2021/06/18 Python
elasticSearch-api的具体操作步骤讲解
2021/06/28 Java/Android
js基于div丝滑实现贝塞尔曲线
2022/09/23 Javascript