vue打包后刷新页面报错:Unexpected token <

Posted zhangdongya

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue打包后刷新页面报错: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开头

 

本文原创,转载请注明出处:https://www.cnblogs.com/zhangdongya/p/11417550.html 

以上是关于vue打包后刷新页面报错:Unexpected token <的主要内容,如果未能解决你的问题,请参考以下文章

VUE中页面F5刷新空白并报错报错:Uncaught SyntaxError: Unexpected token <解决方法

vue打包后发布文件路径错误且报错Unexpected token <

使用vue-cli4 F5刷新 报错:Uncaught SyntaxError: Unexpected token <

webpack 打包压缩 ES6文件报错UglifyJs + Unexpected token punc (();

VUE+NUXT项目页面刷新报错问题解决方式

解决webpack打包vue项目后,部署完成后,刷新页面页面404