记录一下遇到的bug---Uncaught SyntaxError: Unexpected token ‘＜‘

最新推荐文章于 2024-03-26 20:34:19 发布
最新推荐文章于 2024-03-26 20:34:19 发布
阅读量708 收藏
点赞数
分类专栏： 前端 vue 文章标签： javascript vue.js 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ju__ju/article/details/122219591
版权
前端 同时被 2 个专栏收录
50 篇文章 2 订阅
订阅专栏
vue
42 篇文章 2 订阅
订阅专栏

今天通过js引入插件时,发现一个很奇怪的bug,

例如 此处.我直接通过相对路径引入相关js

然后发现部署在根目录的网页可以正常显示该插件

 但是如果部署在非根目录就显示不出来

同时会报错  Uncaught SyntaxError: Unexpected token '<'  和相关js的方法defined

 处理后发现原因就在引入的地方,因为是相对路径引入,所以如果部署在非根目录下,那么js在根目录下就找不到.所以就会报上面的错误,

处理方法为通过动态引入,然后就可以正常显示的,此处的动态引入需要自行根据项目进行配置哦

 

橘哥哥
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
nginx部署uniapp项目,history模式,打开页面空白,报错：Uncaught SyntaxError: Unexpected token ‘＜‘
mashangzhifu的博客
07-03 7835
一、问题描述 nginx部署uniapp项目,history模式,打开页面空白,报错：Uncaught SyntaxError: Unexpected token ‘<’ 这种方式基本上就是配置错了导致的。 二、解决方法 下面我就讲一下我的解决方法吧，步骤如下： H5配置这里需要注意下，我这里选的是history，然后在运行路径哪里填了个路径，tk，后面会用到，他这里说明了，如果填的是./，默认就是hash模式，在路由模式哪里选择history，没有用，这两者打包出来之后，最明显的效果就是，has
JS提示：Uncaught SyntaxError:Unexpected token ) 错误的解决方法
10-21
主要介绍了JS提示：Uncaught SyntaxError:Unexpected token ) 错误的解决方法,结合实例形式分析了javascript提示此类异常的常见原因与相关解决方法,需要的朋友可以参考下
引入js报错，Uncaught SyntaxError: Unexpected token ‘＜‘
KLW75
08-21 1444
引入js 报错 Uncaught SyntaxError: Unexpected token '<' 请查看你引入js的路径。路径有问题。
报错 Uncaught SyntaxError: Unexpected token ‘＜‘
bigbigpigsobig的博客
07-21 457
前端部署有时候会出现这个报错 ，如下图所示： 一般都是配置不当引起的，修改vue.config.js文件 // 如果应用被部署在一个子路径上，你就需要用这个选项指定这个子路径。例如，如果你的应用被部署在 https://www.baidu.vip/admin/，则设置 baseUrl 为 /admin/。 publicPath: process.env.NODE_ENV === 'production' ? '/' : '/admin/', ...
在写uniapp代码的时候出现Unexpected token, expected “,“ (160:2)错误
最新发布
2202_75520383的博客
03-26 370
所以以后在一个大括号下添加并列的代码块如果报错了，记得看是不是逗号的问题。当然有时候也可能是少括号‘}’或者少一些特定符号的问题。找了一下午结果发现是一个逗号的问题，记录一下引以为戒。
uniapp打包H5 空白页面 报错 Uncaught SyntaxError: Unexpected token ‘＜‘
lq099526的专栏
06-10 4532
uniapp打包H5 空白页面 报错 Uncaught SyntaxError: Unexpected token '
Uncaught SyntaxError: Unexpected token ‘＜‘
xym100111100的博客
07-02 548
可能是vue.config.js 里面的publicPath: process.env.NODE_ENV === "production" ? "/" : "/", 的第一个/不是/而是其他任意字符，然后nginx配置就出了问题。保持/就没有问题，暂时没有找出具体原因
uni-app项目编译报错 SyntaxError: Unexpected token
斜照却相迎的博客
10-06 1万+
uni-app项目编译报错 SyntaxError: Unexpected token 文章目录uni-app项目编译报错 SyntaxError: Unexpected token错误内容错误原因解决方案 错误内容 原本好好地可以运行，当pull下来之后再运行到微信小程序就报错了，但web端可以正常运行~ Module build failed (from ./node_modules/mini-css-extract-plugin/dist/loader.js): 报错具体截图如下： 错误原因 搜索找
解决 Uncaught SyntaxError: Unexpected token ‘＜‘ 解决方法
热门推荐
HeXinT的博客
06-01 18万+
解决 Uncaught SyntaxError: Unexpected token ‘＜‘ 解决方法，打包出现的问题，解决方案
已解决Uncaught SyntaxError: Unexpected token ‘＜‘
03-27 8万+
它表明在代码中有一个意外的字符，尤其是一个不被期望的尖括号
vue-cli 打包后提交到线上出现 “Uncaught SyntaxError:Unexpected token” 报错
01-21
前言: 项目使用vue-cli版本2.9.3 ,vue-router...页面全白,console打印:Uncaught SyntaxError:Unexpected token < 报错截图: 经过一番折腾,初步定位问题1在经过build/webpack.prod.conf.js的chunkhash打包后的JS文
Vue项目报错：Uncaught SyntaxError: Unexpected token <
10-17
主要介绍了Vue项目报错：Uncaught SyntaxError: Unexpected token <，在引入第三方依赖的 JS 文件时，遇到的一个问题，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
Vue项目报错：Uncaught SyntaxError: Unexpected token
01-19
控制台的提示：Uncaught SyntaxError: Unexpected token < 按照提示进入文件，再看如下图： 仔细看了看 index.html 文件,发现原本我的 JS 文件是放在 /src/utils 文件夹下的，但引入 /src 和 /static 的文件是...
Uncaught SyntaxError: Unexpected token ‘＜‘解决
qq_45530512的博客
02-06 7909
Uncaught SyntaxError: Unexpected token '
Vue打包项目报错 Uncaught SyntaxError: Unexpected token ‘＜‘ 的解决方法
weixin_44934104的博客
05-13 9287
还好不容易工作进入到了打包环节，却又开始报错，报错文件是一个JS文件： JS文件打开以后是这样的 问题：应该是文件引入的问题，开始找解决方法 在网上找了一些浏览量很高的方法，试过的如下： 1、 添加externals的配置 2、 把assets文件夹下的内容放到public下 3、将引入Router的模式改为“hash” 试过了之后都无效，非常的头疼（也有可能是我设置的方式也存在问题） 最终找到了一篇文章解决，使用一行配置搞定，在vue.config.js文件中加入： //使用路径 Uncaught
已解决Uncaught SyntaxError: Unexpected token &lt
03-27 7万+
遇到 “Uncaught SyntaxError: Unexpected token &lt” 这个错误是因为你在代码中使用了 HTML 实体字符 “&lt”，它表示 “
uniapp SyntaxError: Unexpected token u in JSON at position 0 解决方案
一根火柴博客
02-11 8821
今天在做页面跳转传值的时候，一直出现下面的报错： 后来查看了下文档，说如果你的JSON数据是在上一个页面传值过来的话， 这时候在接收数据页解析JSON也会报该错误，因为此时并没有相关的JSON数据从上一个页面传递过来 可以通过判断是否为null来解决这个问题： if (JsonData != null) { JSON.parse(decodeURIComponent(JsonData)) } ...
Uncaught SyntaxError: Unexpected token ＜错误
11-16
Uncaught SyntaxError: Unexpected token ＜错误通常是由于在引入JS文件时，文件路径错误或者文件内容格式错误导致的。常见的解决方法包括： 1.检查文件路径是否正确，确保文件存在且路径正确。 2.检查文件内容格式是否正确，特别是在使用第三方库时，可能会出现格式错误的情况，需要仔细检查。 3.在引入JS文件时，可以使用绝对路径或相对路径，建议使用相对路径，以避免路径错误导致的问题。 以下是一个例子，演示了如何解决Uncaught SyntaxError: Unexpected token ＜错误： ```html <!DOCTYPE html> <html> <head> <title>Uncaught SyntaxError: Unexpected token ＜错误</title> <script type="text/javascript" src="js/jquery.min.js"></script> </head> <body> <h1>Hello World!</h1> </body> </html> ``` 在上面的例子中，我们引入了jQuery库，但是由于文件路径错误，导致出现了Uncaught SyntaxError: Unexpected token ＜错误。我们可以通过检查文件路径，确保文件存在且路径正确，来解决这个问题。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值