解决vue打包后刷新页面报错：Unexpected token <
更新时间：2019年08月27日 15:17:26 作者：喜欢安静的时空
这篇文章主要介绍了解决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打包报错:ERROR in static/js/xxx.js from UglifyJs undefined问题
- 用electron打包vue项目中的报错问题及解决
- 关于vue3 解决getCurrentInstance 打包后线上环境报错问题
- 解决vue打包报错Unexpected token: punc的问题
- vue打包静态资源后显示空白及static文件路径报错的解决
- vue打包npm run build时候界面报错的解决
- vue 解决uglifyjs-webpack-plugin打包出现报错的问题
- vue-cli 打包后提交到线上出现 "Uncaught SyntaxError:Unexpected token" 报错
- 打包组件报错:Error:Cannot find module 'vue/compiler-sfc'
相关文章
Vue实现预览文件(Word/Excel/PDF)功能的示例代码
这篇文章主要为大家详细介绍了如何通过Vue实现预览文件(Word/Excel/PDF)的功能，文中的实现步骤讲解详细，需要的小伙伴可以参考一下2023-03-03
这篇文章主要为大家详细介绍了如何利用vue实现一个简单的Grid拖拽布局,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下2023-12-12
这篇文章主要介绍了 vue3 mixin 混入使用方法，mixin 混入，提供了一种非常灵活的方式，来分发 vue 组件中的可复用功能，一个mixin 对象可以包含任意组件选项，当组件使用 mixin 对象时，所有的 mixin 对象的选项将被混入组件本身的选项。,需要的朋友可以参考一下2021-11-11
这篇文章主要为大家详细介绍了vue实现右侧滑出层动画，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-04-04
本篇文章主要介绍了Vue2学习笔记之数据交互vue-resource ，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-02-02
要在Vue 3和Electron中实现本地化,可以使用类似于在Vue项目中进行本地化的方式,本文为大家介绍了一种常见的做法,希望对大家有所帮助2024-03-03
这篇文章主要介绍了vue实现打包添加二级目录方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2024-07-07
这篇文章主要为大家介绍了非常全面vue的组件通讯方法总结，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-07-07
在 Vue 开发中，利用 new Date() 方法可以方便地获取当前时间，并通过 Date 对象的方法进行时间格式化和操作。通过本文的介绍，您应该对在 Vue 中获取当前时间有了更深入的了解，并了解了一些常见的时间操作方法,需要的朋友可以参考下2023-07-07
这篇文章主要介绍了VUE前端按钮权限控制，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-04-04
最新评论