解决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了，容易吧！

 


  • 精彩推荐

  • 2019-06-06 16:14:50

    intent-filter的action，category，data匹配规则

    我们知道有两种方式来启动Activity，显示调用和隐式调用。当使用隐式调用时，又会涉及到IntentFilter的匹配规则。我确信大多数开发者很少关注隐式调用，因为平时开发中用到大多数是显示调用。例如：用Intent直接打开一个Activity，或者用Intent通过包名等其他信息打开另外一个应用等。而隐式调用则使用的比较少，当然也不是完全不使用。例如：当我们需要打开浏览器访问某个链接时，手机上可能存在多个浏览器，我们也无法拿到某一个浏览器的包名，那么一般情况下我们会写如下代码：

  • 2019-06-06 17:57:57

    input【type="checkbox"】标签与字体对齐

    今天分享一个比较实用的技巧，在实际项目中我们会经常遇到表单的input标签多选和单选的问题，但是往往由于标签自身的样式和我们项目的风格很不搭调，就不能实现了，今天就来告诉大家怎么去实现吧。

  • 2019-06-10 11:54:52

    html.div禁用点击事件

    今天做项目中偶然误把元素加上了pointer-events属性，结果导致后来在js中给该元素加点击事件不能用，检查了半天才发现是这个属性的问题。之前没有好好研究，于是决定仔细研究一下。

  • 2019-06-12 22:34:16

    PHP身份证号打星号

    一个很简单的问题，想把身份证的号生日的4位隐藏，一开始查函数居然没有看到，然后用了好几个函数处理，觉得太麻烦就上网搜，后来发现有一个函数就能直接处理，我居然没看到~~初学者~~

  • 2019-06-13 10:09:51

    java（Android）跨Module调用对应类方法需求解决方案

    在开发组件化项目中，遇到一个这样的问题，两个不同的Module相互之间没有任何直接依赖关系，现在需求是需要在Module_A中调用Module_B中的某个类的方法，以下为解决此问题的方法；