解决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开头

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

您可能感兴趣的文章:

• vue打包后显示空白正确处理方法
• Vue打包后出现一些map文件的解决方法
• 使用vue打包时vendor文件过大或者是app.js文件很大的问题
• vue打包使用Nginx代理解决跨域问题
• 解决vue打包项目后刷新404的问题
• 解决vue打包之后静态资源图片失效的问题
• 解决Vue打包之后文件路径出错的问题
• vue打包之后生成一个配置文件修改接口的方法
• 解决vue打包css文件中背景图片的路径问题
• 解决vue打包后vendor.js文件过大问题
• 解决Vue打包后访问图片/图标不显示的问题
• vue打包的时候自动将px转成rem的操作方法
• 详解Vue打包优化之code spliting
• 基于vue打包后字体和图片资源失效问题的解决方法
• Vue打包后访问静态资源路径问题
• 解决Vue打包上线之后部分CSS不生效的问题
• vue打包相关细节整理(小结)
• 压缩Vue.js打包后的体积方法总结(Vue.js打包后体积过大问题)