unexpectedtoken是什么意思？用法、例句，vue Unexpected token < 错误

本篇文章给大家谈谈unexpectedtoken是什么意思？用法、例句，以及vue Unexpected token < 错误对应的知识点，文章可能有点长，但是希望大家可以阅读完，增长自己的知识，最重要的是希望对各位有所帮助，可以解决了您的问题，不要忘了收藏本站喔。

1、vuejs报UncaughtSyntaxError:Unexpectedtoken<错误

2、打包上线后,线上的某个页面打开空白,报以下错误

3、UncaughtSyntaxError:Unexpectedtoken<复制代码排查定位

代码检查

4、代码检查,一般Unexpectedtoken<的错误,字面上的意识就是代码中可能有多余的<的符号,造成js阻塞

5、其次可能是合并冲突,导致未解决冲突的代码被提交了<<<之类的

6、本地没有问题,打包到线上有问题,可能是webpack编译过程中ES6某些语法没有转为ES5

7、也可以引起类似的报错,如箭头函数等

8、letage=0\nsetInterval(()=>{\nage++;\n},1000);复制代码文档类型

前端的表现不一定是前端的问题,也可能是服务端的问题,如设置跨域,nginx404配置等

9、点击控制台错误的代码提示,查看network对应的文件加载状态

10、可以看到报错的文件内容,这里注意了,一旦js打开为doctypehtml,那么很大概率是nginx把js文件当做html文件响应的,于是解析错误

11、这个时候记得查看该文档的响应信息

12、正常情况返回content-type:application/javascript

13、错误的情况下,js文档的响应信息如图,变成了text/html类型

14、这种js被nginx返回html解析的情况是在直接返回以下形式路由的时候出现的

15、使用path/:id传参的形式的路由,直接访问对应的url才会有

16、先进入首页再跳转/user不会有,不使用/:id的路由形式也不会有

17、routes:[\n{path:'/user/:id',component:User}\n]复制代码

具体原因未知,无奈只能转回urlquery取参数,而不是/user/id这里url路径上去参数了

18、作者：evan2020链接：https://juejin.cn/post/6844904077873119245来源：掘金著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。

关于unexpectedtoken是什么意思？用法、例句，vue Unexpected token < 错误的介绍到此结束，希望对大家有所帮助。