解决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 相关文章推荐
左右悬浮可分组的网站QQ在线客服代码(可谓经典)
Dec 21 Javascript
JS阻止冒泡事件以及默认事件发生的简单方法
Jan 17 Javascript
js实现的类似于asp数据字典的数据类型代码实例
Sep 03 Javascript
JavaScript简介
Feb 15 Javascript
JavaScript中用于生成随机数的Math.random()方法
Jun 15 Javascript
javascript记住用户名和登录密码(两种方式)
Aug 04 Javascript
Ionic3 UI组件之Gallery Modal详解
Jun 07 Javascript
jQuery读取本地的json文件(实例讲解)
Oct 31 jQuery
Vue2仿淘宝实现省市区三级联动
Apr 15 Javascript
react配置antd按需加载的使用
Feb 11 Javascript
详解JavaScript中的坐标和距离
May 27 Javascript
vue实现吸顶、锚点和滚动高亮按钮效果
Oct 21 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
用mysql内存表来代替php session的类
2009/02/01 PHP
那些年一起学习的PHP(三)
2012/03/22 PHP
PHP容易忘记的知识点分享
2013/04/30 PHP
js+php实现静态页面实时调用用户登陆状态的方法
2015/01/04 PHP
YII Framework框架教程之日志用法详解
2016/03/14 PHP
javaScript call 函数的用法说明
2010/04/09 Javascript
jQuery与ExtJS之选择实例分析
2010/08/19 Javascript
关于COOKIE个数与大小的问题
2011/01/17 Javascript
浏览器页面区域大小的js获取方法
2013/09/21 Javascript
回车直接实现点击某按钮的效果即触发单击事件
2014/02/27 Javascript
jquery简单实现带渐显效果的选项卡菜单代码
2015/09/01 Javascript
JS判断当前页面是否在微信浏览器打开的方法
2015/12/08 Javascript
JS树形菜单组件Bootstrap TreeView使用方法详解
2016/12/21 Javascript
Ext JS 实现建议词模糊动态搜索功能
2017/05/13 Javascript
Vue结合SignalR实现前后端实时消息同步
2017/09/19 Javascript
微信小程序自定义toast弹窗效果的实现代码
2018/11/15 Javascript
Vue中跨域及打包部署到nginx跨域设置方法
2019/08/26 Javascript
Vue基于localStorage存储信息代码实例
2020/11/16 Javascript
五句话帮你轻松搞定js原型链
2020/12/09 Javascript
Python中pygal绘制雷达图代码分享
2017/12/07 Python
matplotlib subplots 设置总图的标题方法
2018/05/25 Python
python整小时 整天时间戳获取算法示例
2019/02/20 Python
python GUI模拟实现计算器
2020/06/22 Python
用python给csv里的数据排序的具体代码
2020/07/17 Python
英国著名的化妆品折扣网站:Allbeauty.com
2016/07/21 全球购物
新秀丽拉杆箱美国官方网站:Samsonite美国
2016/07/25 全球购物
全球销量第一生发产品:Viviscal
2017/12/21 全球购物
英国计算机产品零售商:Novatech(定制个人电脑、笔记本电脑、工作站和服务器)
2018/01/28 全球购物
保安自我鉴定范文
2013/12/08 职场文书
红领巾心向党广播稿
2014/01/19 职场文书
会计系毕业求职信
2014/08/07 职场文书
2014年小学生教师节演讲稿范文
2014/09/10 职场文书
2015小学音乐教师个人工作总结
2015/07/21 职场文书
MySQL慢查询的坑
2021/04/28 MySQL
CSS基础详解
2021/10/16 HTML / CSS
2022微信温控新功能上线
2022/05/09 数码科技