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

爱蒂网

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

2019-12-30 11:46:40 分类 / 网络编程 来源 / 互联网

这篇文章主要介绍了解决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开头

以上就是全部解决方法,感谢大家的阅读和对AIDI的支持。

您可能感兴趣的文章:

  • 解决vue-cli webpack打包开启Gzip 报错问题
  • vue-cli 项目打包完成后运行文件路径报错问题
  • vue-cli 打包后提交到线上出现 "Uncaught SyntaxError:Unexpected token" 报错

猜你喜欢