`
小杨学JAVA
  • 浏览: 901349 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

Uncaught SyntaxError: Unexpected token <

    博客分类:
  • js
 
阅读更多

转:http://blog.csdn.net/kingviker/article/details/7476403

  昨天在调试一个项目效果的时候,死活出不来,用chrome调试一下,发现报了一个错误:Uncaught SyntaxError: Unexpected token <,我定位到jsp文件之后发现定位的位置是我的html头文件声明:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">,我点了其他页面发现没有报这个错误,经过一番对比验证,找到问题,出问题的页面应用的动态js文件:<script type="text/javascript" src="${_contextPath}/${detailjs}"></script>,其中的datailjs没有找到,(是我粗心大意忘记配置了),导致了相应的错误,但是我不满足于此,想知道问题根本原因,

我用chrome调试错误页面查看js代码:

[html] view plaincopyprint?
 
  1. <script type="text/javascript" src="/aabbcc/"></script>  

我想可能就是引用js源文件路径不全造成的,我又做了一个实验,我手动在jsp页面代码添加了如下的一个js引用;

[html] view plaincopyprint?
 
  1. <script type="text/javascript" src="/aaa/"></script>  

然后chrome调试,报错如下:

[html] view plaincopyprint?
 
  1. GET http://hello.cas.server:9080/aaa/ 404 (Not Found)  

,并不是如标题上的Uncaught SyntaxError: Unexpected token <,这又另我很费解,经过一番思考后,我发现了一个现象,页面我引用如下js:

[html] view plaincopyprint?
 
  1. <script type="text/javascript" src="${_contextPath}/${detailjs1}"></script>  
  2. <script type="text/javascript" src="/aaa/"></script>  

生成页面:

[html] view plaincopyprint?
 
  1. <script type="text/javascript" src="/BOSS_NQCP_MANAGE/"></script>  
[html] view plaincopyprint?
 
  1. <script type="text/javascript" src="/aaa/"></script>  

 

chrome报错结果:

[html] view plaincopyprint?
 
  1. GET http://hello.cas.server:9080/aaa/ 404 (Not Found)  
  2. index.do:20Uncaught SyntaxError: Unexpected token <  

大家发现问题了没,我是后引用的/aaa/,但是确实先报的它的错,着就说明了一个问题,就是jsp页面会先处理静态的引用页面,也就是说引用文件的地址不是动态参数的页面,

然后我又用真实存在的项目路径做了测试,测试js:

[html] view plaincopyprint?
 
  1. <script type="text/javascript" src="/BOSS_NQCP_MANAGE/resource/"></script>  

生成页面:

[html] view plaincopyprint?
 
  1. <script type="text/javascript" src="/BOSS_NQCP_MANAGE/resource/"></script>  

这次chrome报错结果就是标题一样了,
我得出的结论如下:当js引用的文件是项目路径下的文件夹时,会报这个错误.

分享到:
评论
1 楼 w_mojian180 2015-10-19  
nice 很多情况都是因为引入文件导入

相关推荐

    unity web报错:Uncaught SyntaxError: Unexpected token '<"

    unity 打包web包报错:Uncaught SyntaxError: Unexpected token '&lt;"在打包文件添加此配置文件。 &lt;?xml version="1.0" encoding="UTF-8"?&gt; &lt;configuration&gt; &lt;system.webServer&gt; &lt;staticContent&gt; &lt;remove file...

    报错:Uncaught SyntaxError: Cannot use import statement outside a module 详解

    JS错误Uncaught SyntaxError: Cannot use import statement outside a module&lt; 分析及解决方法 错误信息: 错误分析: HTML 网页中,浏览器通过 script 标签加载 JavaScript 脚本。由于浏览器脚本的默认语言是 ...

    JS提示:Uncaught SyntaxError: Unexpected token ILLEGAL错误的解决方法

    本文实例讲述了JS提示:Uncaught SyntaxError: Unexpected token ILLEGAL错误的解决方法。分享给大家供大家参考,具体如下: Uncaught SyntaxError: Unexpected token ILLEGAL 未捕获的语法错误: 意想不到的非法...

    Vue项目报错:Uncaught SyntaxError: Unexpected token

    控制台的提示:Uncaught SyntaxError: Unexpected token &lt; 按照提示进入文件,再看如下图: 仔细看了看 index.html 文件,发现原本我的 JS 文件是放在 /src/utils 文件夹下的,但引入 /src 和 /static 的文件是...

    Vue项目报错:Uncaught SyntaxError: Unexpected token &lt;

    主要介绍了Vue项目报错:Uncaught SyntaxError: Unexpected token &lt;,在引入第三方依赖的 JS 文件时,遇到的一个问题,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

    vue-cli 打包后提交到线上出现 “Uncaught SyntaxError:Unexpected token” 报错

    前言: 项目使用vue-cli版本2.9.3 ,vue-router...页面全白,console打印:Uncaught SyntaxError:Unexpected token &lt; 报错截图: 经过一番折腾,初步定位问题1在经过build/webpack.prod.conf.js的chunkhash打包后的JS文

    vue-cli 打包后提交到线上出现 "Uncaught SyntaxError:Unexpected token" 报错

    主要介绍了vue-cli 打包后提交到线上出现 "Uncaught SyntaxError:Unexpected token" 报错,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

    JS提示:Uncaught SyntaxError:Unexpected token ) 错误的解决方法

    主要介绍了JS提示:Uncaught SyntaxError:Unexpected token ) 错误的解决方法,结合实例形式分析了javascript提示此类异常的常见原因与相关解决方法,需要的朋友可以参考下

    CentOS7运行.sh脚本提示syntax error: unexpected end of file的解决方法

    在Linux系统中,尤其是CentOS 7这样的发行版,运行.sh脚本时遇到"**syntax error: unexpected end of file**"或"**syntax error near unexpected token 'fi'**"这样的错误,通常是因为脚本文件的格式问题。...

    docker-mongodb-shell:在Docker容器中安装mongo shell和工具的示例

    在docker容器中安装的示例。 mongodb-org-shell ,包含mongo shell。 mongodb-org-tools ,包含以下MongoDB工具:mongoimport bsondump,mongodump,mongoexport,mongofiles,mongorestore,mongostat和mongotop。...

    三维js版本的开源gis的引擎Cesium1.106版本

    4. **index.html**:HTML文件是Web应用的结构基础,其中会包含Cesium JavaScript库的引用,以及可能的HTML元素,如`&lt;div&gt;`来创建Cesium的容器。 5. **favicon.ico**:这个图标文件是浏览器地址栏和书签中显示的网站...

    error src

    【标题】"error src" 指的是一个与错误源相关的压缩包文件,可能是程序员在开发或调试过程中遇到的问题集合。这种类型的文件通常包含了出错的代码、日志信息或其他有助于诊断问题的数据。 【描述】"this package is...

    Unexpected token c in JSON at position 0 报错信息及解决

    在编程过程中,我们可能会遇到各种错误,其中"Unexpected token c in JSON at position 0"是一个常见的JavaScript解析错误,通常发生在尝试使用`JSON.parse()`函数解析一个预期为JSON格式的字符串时,但该字符串实际...

    Javascript中arguments用法实例分析

    本文实例讲述了Javascript中arguments用法。分享给大家供大家参考。具体分析如下: 先来看如下示例: function add(n1,n2){ return n1+n2; } function add(n1,n2,n3) { return n1+n2+n3; } ...i

    linux5.0安装指南[汇编].pdf

    Linux 5.0 安装指南 本文档提供了 Linux 5.0 的安装指南,涵盖了从启动安装过程到完成安装的所有步骤。下面是从安装指南中总结出的重要知识点: 1. 安装准备:在安装 Linux 5.0 之前,需要准备安装光盘,并将其...

    unexpected:黑科技

    "Unexpected: 黑科技"这个标题暗示我们可能会探讨一些在JavaScript编程中不常见的、创新的或者高效的技术或技巧。"小方法积累"则提示我们这可能是一系列实用的小技巧或者编程经验的集合。由于没有提供具体的压缩包...

    yii2-tinymce-widget:Yii2 的 TinyMCE 所见即所得小部件

    Yii2 的 TinyMCE 小部件 呈现小部件。 安装 安装此扩展的首选方法是通过 。 要么跑 composer require 2amigos/yii2-tinymce-widget:~1.1 或添加 " 2amigos/yii2-tinymce-widget " : " ~1.1 " ...

    详解JS中的立即执行函数

    VM229:1 Uncaught SyntaxError: Unexpected token 2.在函数体后面加括号就能立即调用,这个函数形式必须是函数表达式,不能是函数声明 function(){alert&#40;123&#41;;}(); VM265:1 Uncaught SyntaxError: ...

    5种处理js跨域问题方法汇总

    前两天碰到一个跨域问题的处理,...那么调试的时候,在chrome浏览器的控制台会报”Uncaught SyntaxError: Unexpected token”错误;在firefox浏览器的控制台会报”SyntaxError: missing ; before statement”错误。 2.i

Global site tag (gtag.js) - Google Analytics