Vue项目报错:Uncaught SyntaxError: Unexpected token <

摘自:https://www.jb51.net/article/150517.htm

遇到问题:

今天做一个 VUE 的项目,在引入第三方依赖的 JS 文件时,遇到了一个问题:

控制台的提示:Uncaught SyntaxError: Unexpected token <

按照提示进入文件,再看如下图:

仔细看了看 index.html 文件,发现原本我的 JS 文件是放在 /src/utils 文件夹下的,但引入 /src 和 /static 的文件是有区别的。

解决方案:

解决办法是将第三方依赖的 JS 文件放到 /static/utils 目录下,引入路径也改成:<script src="./static/utils/sockjs.js"></script>,这样就不报错了!

总结:

1、assets文件夹与static文件夹的区别

区别一:assets文件是src下的,所以最后运行时需要进行打包,而static文件不需要打包就直接放在最终的文件中了

区别二:assets中的文件在vue中的template/style下用../这种相对路径的形式进行引用,在script下必须用@import的方式引入而static下的文件在.vue中的任何地方都只要使用../这种相对路径的方式引入,

2、

(1)assets用来放置样式、静态图片,只要src下面的组件中用到的资源就放在assets中。

(2)static用来放没有npm包的第三方插件,字体文件。

(3)assets与components同级 components下的.vue引用静态文件时,相对路径为 ../assets/wapFront

3、vue如何引入其它静态文件:

(1)src目录下的资源只能import或require。

(2)想静态引入的话,建立一个与src同级的目录例如static,然后把静态资源放入该文件夹下,html的引入路径如下:./static/...(注:试过一定要放在static文件夹下,否则报错)

在static文件中引入jQuery包之后,加入以上配置之后,再项目文件中使用‘$‘,发现还是会报错 ---  eslint报错:‘$‘ is not defined

解决:

  eslint认为没有声明,需要在eslintrc.js中加入globals配置

  globals: {
    ‘$‘: false,
    ‘jquery‘: false
  }

原文地址:https://www.cnblogs.com/wr20190131/p/10383553.html

时间: 2024-10-07 22:00:25

Vue项目报错:Uncaught SyntaxError: Unexpected token <的相关文章

【工作经验】解决报错:SyntaxError: Unexpected token .

解决报错: SyntaxError: Unexpected token . 处理过程: 屏蔽全部新增改代码,问题不出现. 放开一部分,问题依然不出现. 直到把如下代码放开,报错出现,定位是这块的错误. var textDom.textContent=contentStr; 解决方案: 原来写代码时没注意,多了个var.删掉就好了.

后台返回json字符串 页面js报错 Uncaught SyntaxError: Unexpected identifier

后台json字符串是 [{"name": "报销申请", "id": "start"}, {"name": "部门经理审批", "id": "departAudit"}, {"name": "总经理审批", "id": "bossAudit"}, {"name

Uncaught SyntaxError: Unexpected token &lt;解决方法

最近剥离基础框架的公共部分,早上有个页面部分流程未加载出来,报了Uncaught SyntaxError: Unexpected token <,网上搜了下 错误原因:js脚本中非正常引用外部的文件时,会报 Uncaught SyntaxError: Unexpected token < 这种错误.一开始没看出来哪里有问题,之前还好好的. https://www.cnblogs.com/sxdcgaq8080/p/6743638.html提到时shiro配置问题,刚好我们那个老框架用了,仔细排

关于Uncaught SyntaxError: Unexpected token o in JSON at position 1,chrome持续报错的相关解析

今天跟大家分享我前两天遇见的一个BUG,说出来很难受,因为这个BUG花了我一个多小时去找原因,后来莫名其妙的故障消失了,强迫症犯了的我,居然花了2个多小时去故意再制造这个BUG,只想弄明白WHY???结果大家应该都猜到了,哈哈,没找到!!!没错,居然没找到!!!不过类似于Uncaught SyntaxError: Unexpected token ' in JSON at position 2的错误... 关于JOSN的方法,大家通过百度应该都深刻理解它的用法:parse用于从一个字符串中解析出

JSP页面报错:“Uncaught SyntaxError: Unexpected token &lt;”

最近在做一个个人主页博客网站的项目,遇到了这个问题. 当浏览器该页面提示错误"Uncaught SyntaxError: Unexpected token <"时,浏览器通常情况下不能够准确地标记该错误发生的位置,浏览器通常会将其标记在页面的顶行代码,即<html>标签附近,故无法直接找出错误的原因. 该错误其实是由于使用了过时(不推荐)的JavaScript标签语句造成的. 举个例子: 1 <script src="#" language=

【Vue中的坑】Vue打包上传线上报Uncaught SyntaxError: Unexpected token &lt;

今天在vue打包上传线上后,报一下错误,一下就懵了,这可咋整啊,一如既往的想都没想就开始复制错误,上网开搜 Uncaught SyntaxError: Unexpected token < Uncaught SyntaxError: Unexpected token < Uncaught SyntaxError: Unexpected token < 网上搜的大致有几种 1.因为vue在打包上传的时候不会编译es6,需要安装babel来将es6转成es5 . 2.在经过build/web

Easyui在form表单提交的时候,如果有datebox报 Uncaught SyntaxError: Unexpected token &lt; 的解决

检查发现JAVA实体封装的属性有Date类型, 但前台向后台提交的默认为字符串, 无法正常set到实体,所以出现了这个错误. VM5090:1 Uncaught SyntaxError: Unexpected token < 个人解决办法是把时间类型的的set方法, 入参改为字符串,然后转换,如下代码: public void setTime(String time) {  SimpleDateFormat sdf = new SimpleDateFormat("yyyy-MM-dd&qu

json格式字符串用jquery.parseJSON()出现的问题 Uncaught SyntaxError: Unexpected token &#39; Uncaught SyntaxError: Unexpected number (index)

Unexpected number(index)的错误用的json字符串如 var jsonStr = "{1:'北京note备注信息',2:'上海note备注信息',3:'广东note备注信息',4:'深圳note备注信息4',5:'天津note备注信息5',6:'湖北note备注信息6',7:'重庆note备注信息7',8:'欧盟note备注信息8',9:'加利福尼亚州note备注信息8',10:'加拿大魁北克note信息',11:'美国东北部RGGI协会组织',12:'澳大利亚备注信息',

Uncaught SyntaxError: Unexpected token &#39; in JSON at position 1

听说js是一样很BT的语言,今天真是有点领教到了. 用python3.6+django2.0开发网站时,遇到了一个坑中之坑! 在异步数据提交Ajax的运用中,不免在回调函数中使用到JSON.parse(data) 浏览器控制台Console报错: VM493:1 Uncaught SyntaxError: Unexpected token ' in JSON at position 1 at JSON.parse (<anonymous>) at Object.success ((index)