解决Uncaught SyntaxError: Unexpected token <

2020-01-13 11:30:56

Uncaught SyntaxError: Unexpected token <

出现这样的问题,也没有报错信息,也没有网路访问信息,我是nuxt开发的vue,

查询下面的文档,我才发现,原来js的访问地址写错了,他访问不到这个文件,返回的是html,

哎,大家如果也发生了这个问题,注意检查一下自己的地址是否写对。

今天写代码的时候发现了"Uncaught SyntaxError: Unexpected token <" <html>的js错误,而且还是html的第一行,我就蒙了,这第一行有啥问题啊,还有一个“<”符号,我以为是我的网页标签没有闭包,所以检查了一下,都不是啊!错误如图。

QQ截图20170928135614.jpg

后来经过排查之后发现,这SyntaxError绝对是js错误!呵呵,到底错在哪儿呢?首先我检查了js的引入,发现有一行js引入错误了,幸好我挨个的点了,看看js是否能点开,是这样的。

<script type="text/javascript" src="/static/h-ui.admin/js/H-ui.admin.page.js"></script>

我发现上面这个js引入路径不能正常的点开,于是改成了正确的js路径,如下。

<script type="text/javascript" src="/asset/static/h-ui.admin/js/H-ui.admin.page.js"></script>

果然如此!再也没有报"Uncaught SyntaxError: Unexpected token <"错误了,完美解决!

我建议:如果引入路径都是正确的,那一定就是JavaScript方法有问题,然后检查方法是不是用了未定义的function之类的就ok了,容易吧!

 


  • 2020-05-07 13:05:28

    JavaScript中批量设置Css样式

    setAttribute() 方法添加指定的属性,并为其赋指定的值。 如果这个指定的属性已存在,则仅设置/更改值

  • 2020-05-07 13:07:21

    scrollBox 跑马灯滚动js

    ​这个插件可以很好的实现跑马灯,以及轮播图等效果,scrollBox js

  • 2020-05-07 13:21:25

    JS中获取 DOM 元素的绝对位置实例详解

    在操作页面滚动和动画时经常会获取 DOM 元素的绝对位置,例如 本文 左侧的悬浮导航,当页面滚动到它以前会正常地渲染到文档流中,当页面滚动超过了它的位置,就会始终悬浮在左侧。

  • 2020-05-07 13:42:13

    场景切换的集合移动,旋转,淡入淡出等

    两个场景(即两个div视图)切换的时候,如果想添加个过渡动画,除了可以使用js来实现,还可以通过CSS3的animation属性来实现。 (注意:Internet Explorer 9 以及更早的版本不支持 animation 属性。)