Uncaught SyntaxError: Unexpected token <

简介: Uncaught SyntaxError: Unexpected token <

正文


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


0.webp.jpg

报错信息


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

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


1.webp.jpg

问题来源


提示:<!DOCTYPE html> 出错,是跟我开玩笑是吧!

但根据以往的印象,这个好像是引入 JS 的问题,确认 JS 文件没出错后,再仔细看了看 index.html 文件。



index.html

原本我的 JS 文件是放在 /src/utils 文件夹下的,但引入 /src 和 /static 的文件是有区别的。


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


虽然现在力量还很微弱,但相信终有一天会积少成多,来自于一个即将步入社会的年青人…


目录
相关文章
|
前端开发 开发者
【微信公众号对接】有关签名一直报错,提示invalid signature问题(我的签名和使用微信开发者工具验证返回的签名的是一致的)但还是报错!!!
【微信公众号对接】有关签名一直报错,提示invalid signature问题(我的签名和使用微信开发者工具验证返回的签名的是一致的)但还是报错!!!
845 0
|
12月前
|
前端开发 JavaScript Docker
拿下奇怪的前端报错(五):SyntaxError: Unexpected token ‘??=‘或‘xxx‘ - 基于容器搭建开发环境或许是更好的选择
在前端开发中,同时维护多个项目时可能会遇到不同Node.js版本的问题。低版本Node.js可能导致依赖无法安装或启动失败,而高版本Node.js则可能引起第三方库的兼容性问题。推荐使用Docker搭建独立的开发环境,以避免版本不一致带来的困扰。
3005 2
|
JavaScript
vue element-ui 中el-message重复弹出问题解决 el-message重复弹出解决办法
vue element-ui 中el-message重复弹出问题解决 el-message重复弹出解决办法
837 49
|
JavaScript 测试技术 API
如何从 Vue 2 无痛升级到 Vue 3,一文搞定!
如何从 Vue 2 无痛升级到 Vue 3,一文搞定!
10121 8
|
存储 算法 索引
Draco使用笔记(1)——图形解压缩
Draco使用笔记(1)——图形解压缩
294 0
|
SQL 关系型数据库 MySQL
mysql中GROUP_CONCAT函数详解
mysql中GROUP_CONCAT函数详解
1090 0
Swiper库和Glide.js库的性能有何区别
Swiper和Glide.js是两个流行的响应式轮播图库。Swiper功能强大且灵活,支持多方向滑动,拥有丰富的配置和切换效果,适合复杂需求,其高性能得益于优化的算法和惰性加载。Glide.js则轻量级、快速,专注于基础功能,适合简洁需求。两者各有侧重,选择应基于项目具体需求和性能考虑。
|
算法 JavaScript 数据可视化
基于leaflet-velocity的二维动态风场展示
本文讲解了leaflet-velocity插件,并利用插件进行了模拟的动态风场、洋流等信息的综合展示,让读者掌握集成方式。
1657 0
基于leaflet-velocity的二维动态风场展示
uniapp-uni.scanCode调用扫一扫功能(整理)
uniapp-uni.scanCode调用扫一扫功能(整理)
|
Web App开发 小程序 Android开发
Uniapp 视图容器 随机拖拽滑动 放大缩小 movable-view movable-area
Uniapp 视图容器 随机拖拽滑动 放大缩小 movable-view movable-area
487 0