解决vue打包后刷新页面报错:Unexpected token <
程序员文章站
2022-04-28 20:42:08
前言
今天遇到了一个很怪的问题,在vue-cli+webpack的项目中,刷新特定页面后页面会变空白,报错为index.html文件中unexpected token &...
前言
今天遇到了一个很怪的问题,在vue-cli+webpack的项目中,刷新特定页面后页面会变空白,报错为index.html文件中unexpected token <。
怪点一是开发环境没有问题,只有生产环境有问题,怪点二是只有一个页面有问题,其他页面完全正常
正文
报错截图:
根据上面的情况和以往经验,应该在index.html页面及发生错误的页面定位问题,但均解决不了问题。
最后找到此项目的路由处,经过多次测试,解决问题,也确定了问题原由,原来是:路由中path的值不能以小写m开头,否则就会报上面的错误。
在此写下报错环境及条件:
vue版本:2.5.2
vue-router:3.0.1
webpack:3.6.0
生产环境(npm run build 已放入服务器)
页面路由的path以/m开头
以上就是全部解决方法,感谢大家的阅读和对的支持。
上一篇: Vue-CLI项目中路由传参的方式详解
推荐阅读
-
vue-cli 打包后提交到线上出现 "Uncaught SyntaxError:Unexpected token" 报错
-
解决vue打包项目后刷新404的问题
-
解决Vue使用mint-ui loadmore实现上拉加载与下拉刷新出现一个页面使用多个上拉加载后冲突问题
-
解决vue打包后刷新页面报错:Unexpected token <
-
解决vue 项目使用webpack打包后,直接打开dist文件夹下的index.html页面空白的问题
-
vue-cli 打包后提交到线上出现 "Uncaught SyntaxError:Unexpected token" 报错
-
解决IE11 vue +webpack 项目中数据更新后页面没有刷新的问题
-
Vue打包后页面出现空白解决办法
-
vue项目打包后打开页面空白解决办法
-
解决vue单页面应用打包后相对路径、绝对路径相关问题