解决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 相关文章推荐
Firefox window.close()的使用注意事项
Apr 11 Javascript
得到jQuery detach()后节点中的某个值实现代码
Feb 05 Javascript
jquery垂直公告滚动实现代码
Dec 08 Javascript
js图片滚动效果时间可随意设定当鼠标移上去时停止
Jun 26 Javascript
巧方法 JavaScript获取超链接的绝对URL地址
Jun 14 Javascript
angularJs的ng-class切换class
Jun 23 Javascript
express框架实现基于Websocket建立的简易聊天室
Aug 10 Javascript
Vue使用vue-cli创建项目
Sep 01 Javascript
vue中配置mint-ui报css错误问题的解决方法
Oct 11 Javascript
Vue 实现html中根据类型显示内容
Oct 28 Javascript
JS前端模块化原理与实现方法详解
Mar 17 Javascript
vue+iview使用树形控件的具体使用
Nov 02 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
7个超级实用的PHP代码片段
2011/07/11 PHP
在WordPress的后台中添加顶级菜单和子菜单的函数详解
2016/01/11 PHP
PHP MySql增删改查的简单实例
2016/06/21 PHP
简单谈谈PHP中的trait
2017/02/25 PHP
jQuery 浮动广告实现代码
2008/12/25 Javascript
js 纯数字不重复排列的另类方法
2010/07/17 Javascript
C#中TrimStart,TrimEnd,Trim在javascript上的实现
2011/01/17 Javascript
深入理解JavaScript系列(4) 立即调用的函数表达式
2012/01/15 Javascript
extjs 如何给column 加上提示
2014/07/29 Javascript
jQuery判断多个input file 都不能为空的例子
2015/06/23 Javascript
JS实现仿雅虎首页快捷登录入口及导航模块效果
2015/09/19 Javascript
jQuery插件编写步骤详解
2016/06/03 Javascript
js 获取范围内的随机数实例代码
2016/08/02 Javascript
JS 拦截全局ajax请求实例解析
2016/11/29 Javascript
微信小程序 WebSocket详解及应用
2017/01/21 Javascript
js阻止移动端页面滚动的两种方法
2017/01/25 Javascript
jQuery动态产生select option下拉列表
2017/03/15 Javascript
Vue实现百度下拉提示搜索功能
2017/06/21 Javascript
自定义javascript验证框架示例【附源码下载】
2019/05/31 Javascript
如何使用50行javaScript代码实现简单版的call,apply,bind
2019/08/14 Javascript
使用Vue实现简单计算器
2020/02/25 Javascript
JavaScript实现网页tab栏效果制作
2020/11/20 Javascript
[01:46]2018完美盛典章节片——坚守
2018/12/17 DOTA
Python中使用不同编码读写txt文件详解
2015/05/28 Python
Python中pow()和math.pow()函数用法示例
2018/02/11 Python
Django多进程滚动日志问题解决方案
2019/12/17 Python
澳大利亚领先的武术用品和健身器材供应商:SMAI
2019/03/24 全球购物
同步和异步有何异同,在什么情况下分别使用他们?
2012/12/28 面试题
商场消防演习方案
2014/02/12 职场文书
《夏夜多美》教学反思
2014/02/17 职场文书
分公司任命书
2014/06/06 职场文书
奥林匹克运动会口号
2014/06/19 职场文书
党员检讨书
2014/10/13 职场文书
《游戏公平》教学反思
2016/02/20 职场文书
浅谈Python项目的服务器部署
2021/04/25 Python
如何避免mysql启动时错误及sock文件作用分析
2022/01/22 MySQL