vue学习【引入外部js文件,出现异常:Uncaught SyntaxError: Unexpected token】

14 篇文章 1 订阅

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

 

报错信息

控制台的提示:Uncaught SyntaxError: Unexpected token <
按照提示进入文件,再看如下图:

 

问题来源

提示:<!DOCTYPE html> 出错,是跟我开玩笑是吧!
但根据以往的印象,这个好像是引入 JS 的问题,确认 JS 文件没出错后,再仔细看了看 index.html 文件。

 

index.html

原本我的 JS 文件是放在 /src/utils 文件夹下的,但引入 /src 和 /static 的文件是有区别的。其中区别,推荐看这篇文章:vue中静态文件引用注意事项

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



作者:越前君
链接:https://www.jianshu.com/p/6c3c33c43509
来源:简书
简书著作权归作者所有,任何形式的转载都请联系作者获得授权并注明出处。

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
这个错误通常是由于在引入第三方依赖的JS文件时出现了语法错误导致的。根据引用[1]的解决方法,你可以在vue.config.js文件中加入以下配置来解决这个问题:publicPath: process.env.NODE_ENV === "production" ? "./" : "/" 另外,根据引用的解决办法,你可以将第三方依赖的JS文件放到/static/目录下,并将引入路径改为:<script type="text/javascript" src="./static/amaze-vue.js"></script> 通过以上两种方法,你应该能够解决这个报错问题。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [Vue打包项目报错 Uncaught SyntaxError: Unexpected token ‘<‘ 的解决方法](https://blog.csdn.net/weixin_44934104/article/details/124750467)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"] - *2* [Vue项目报错Uncaught SyntaxError: Unexpected token <](https://download.csdn.net/download/weixin_38593823/12949934)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"] - *3* [Vue项目报错Uncaught SyntaxError: Unexpected token ](https://blog.csdn.net/qq_41999617/article/details/89025042)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值