javascript报错：ReferenceError: $ is not defined解决办法

最新推荐文章于 2025-03-24 15:01:43 发布
最新推荐文章于 2025-03-24 15:01:43 发布
阅读量3.4w 收藏 6
点赞数 3
分类专栏： 错误及解决方法 文章标签： 报错$ is not defined
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/HJBZF/article/details/79572689
版权

js报错：ReferenceError: $ is not defined。

在运行刷新项目界面时，通过浏览器控制台发现错误ReferenceError: $ is not defined，如下图所示：


部分界面代码如下：


解决方法：

我们不难发现script位置有问题，因为$是jquery产生的对象，js是根据引用标签分块顺序进行的，所以要将jquery.js放在最前面，如修改为：

<script type="text/javascript" src="../js/jquery-1.12.4.js"></script>
<script type="text/javascript" src="../js/jquery.easyui.min.js"></script>
<script type="text/javascript" src="../js/easyui-lang-zh_CN.js"></script>

【taro react】---- 编译H5运行后报错：Uncaught ReferenceError: $RefreshSig$ is not defined
止于至善
05-26 1641
1. 报错 2. 解决办法 npx browserslist@latest --update-db 3. 解决报错 yarn dev:h5 正常启动，不再报错！
uniapp - 使用echarts报错: [Vue warn]: Error in data(): “ReferenceError: echarts is not defined“ 详细解决方法
高级前端工程师
02-01 2900
uniapp，echarts，图表库，ecarts图表报错，解决报错，如何解决控制台终端报错echarts不存在，uniapp小程序，uniappH5平台，uniapp安卓苹果ios系统开发，解决[Vue warn]: Error in data(): “ReferenceError: echarts is not defined“，uni-app的Vue项目中Echarts的报错提示，uniapp出现报错怎么解决。uniapp - 使用echarts报错: [Vue warn]: Error in dat
VSCode 报错 之 运行 js 文件报错 ReferenceError: document is not defined
Orange_hhh的博客
05-29 2017
持续学习ing。
Vue3+vite项目 使用require 解决 ReferenceError: require is not defined 报错问题
最新发布
蓝胖子的博客
03-24 1769
Vue3+vite项目 使用require 解决 ReferenceError: require is not defined 报错问题
Python 解决execjs._exceptions.ProgramError: ReferenceError: document is not defined报错问题
01-20
今天用execjs调用JS时，发现报错execjs._exceptions.ProgramError: ReferenceError: document is not defined 如图： 错误类型：文档对象未定义，解决方法，定义对象即可，习惯性定义变量嘛 var document ;？   emmmmmmmmmmmmmmm….不行的，继续报错  execjs._exceptions.ProgramError: TypeError: Cannot read property 'createElement' of undefined 若是报错：execjs._exceptions.Prog
解决ReferenceError: $ is not defined错误
weixin_62846776的博客
02-28 2243
将GitHub大佬封装的思维导图JS库引用到vue项目中，在中以下代码。
ReferenceError: $ is not defined错误
疯小子
04-26 4629
ReferenceError: $ is not defined 错误 引用错误：$没有定义 这个错误是将自己写的jq文件引入页面时，把script标签放在了jq库的上面导致页面加载时找不到 $的定义 解决这个错误：页面中第一个要引入的jq文件一定要是jq库 ...
ReferenceError:$ is not defined
懒惰的小妖
07-11 1万+
在代码中小编通过，如下操作，前端报错。代码类型如下： $("#aaa").remove; 通过运行，发现并未执行此操作，console查看报错。ReferenceError:$ is not defined。 查看引入的script位置有问题，因为$是jquery产生的对象，js是根据引用标签分块顺序进行的，所以要将jquery.js放在最前面。 将代码重新放置后执行ok. ...
Error in mounted hook: "ReferenceError: AMap is not defined" fo
06-13
ReferenceError: AMap is not defined AMap未定义
【electron】解决 electron require()报错：Uncaught ReferenceError: require is not defined
欢迎来到C-Homes
10-01 1167
有关技术问题，都可以一起讨论喔~~
【已解决】ReferenceError: $ is not defined
weixin_43899069的博客
02-04 8032
我的错误原因： jQuery库引入不当。使用了旧版连接， 更新后无法识别$ 错误代码： <script src="//code.jquery.com/jquery-1.11.3.min.js"></script> 正确代码： <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.js"></script> 新版jQuery的引用网址： https://www.bootcdn.c
ReferenceError: $ is not defined
weixin_30532369的博客
03-29 151
这个是因为jquery的文件没有引入正确。 转载于:https://www.cnblogs.com/cristine/p/4375559.html
JSP 报错：ReferenceError: $ is not defined
qq_40286307的博客
10-27 750
运行 SpringMVC 项目时，JSP 的代码报错： ReferenceError: $ is not defined JSP 相关代码如下： ... <script src="js/jquery-3.3.1.min.js"></script> <script> $("#btn").on("click", function () { $.ajax({ type: "post", url: "reg
新手入门 es6 异常 ReferenceError: $ is not defined
weixin_42214743的博客
05-10 1440
源代码部分片断 function get(url,param) { return new Promise((resolve, rejegt) =>{ $.ajax({ url:url, data:param, success:function(data){ re
ReferenceError: $ is not defined （绝对路径和相对路径）
weixin_30827565的博客
10-27 215
今天使用JQuery时，进入js文件后一直达不到想要的效果，在firebug上调试后发现报错提示“ReferenceError: $ is not defined”，显然，这是JQuery没加载进去的结果，仔细检查路径后发现多了一个点··· 正确的应该是以下这样： 或者 相对路径： "./":表示目前所在的目录 "../":表示上一层目录 "/":表示根目录 绝对...
ReferenceError: XXX is not defined 错误及解决办法
热门推荐
A_Zeng_的博客
06-08 6万+
ReferenceError: XXX is not defined 错误及解决办法 我这里是报错是忘记了引入此方法所在的js文件 ， 解决办法： 引入所需的js文件， 此错误 另外一种情况就是 jQuery引入先后顺序不对，要先引入jQuery文件 ...
浏览器页面源代码对以上函数报错：Uncaught ReferenceError: $ is not defined
03-08
<think>嗯，用户现在遇到了一个错误：“Uncaught ReferenceError: $ is not defined”，这通常意味着浏览器无法识别jQuery的$符号。首先，我需要确认用户是否在页面中正确引入了jQuery库。可能的情况是用户忘记添加jQuery的引用，或者路径不正确导致加载失败。 接下来，我应该考虑用户引入jQuery的位置是否正确。如果他们的脚本在jQuery库之前执行，也会导致这个问题。比如，如果用户把自己的代码放在<head>中，但jQuery的引用在<body>末尾，这时候脚本执行时jQuery还没加载，自然找不到$符号。 另外，用户可能使用了简写的$(document).ready()，但如果没有正确引入jQuery，无论是哪种写法都会报错。这时候需要提醒用户检查引入的路径是否正确，是否使用了正确的URL，或者本地文件是否存在。 还有可能用户使用了某些浏览器扩展或设置，比如禁用脚本或内容安全策略（CSP），导致jQuery无法加载。这时候需要建议用户检查控制台是否有其他错误，比如资源加载失败的提示，或者尝试禁用扩展来排除干扰。 另外，用户可能混淆了不同的JavaScript库，比如使用了另一个库（如Prototype.js）也使用了$符号，这时候可能需要使用jQuery的noConflict模式来解决冲突。 最后，需要给出具体的解决步骤，比如如何正确引入jQuery，如何调整脚本的位置，以及如何验证是否成功加载。同时，提供一个简单的示例代码，让用户可以直接参考并测试自己的代码结构是否正确。</think>你遇到的 `Uncaught ReferenceError: $ is not defined` 错误，表明浏览器无法识别 `$` 符号。**根本原因是 jQuery 库未被正确加载**。以下是详细分析和解决方案： --- ### 错误原因分析 1. **未引入 jQuery 库** `$` 是 jQuery 的全局别名，若页面未加载 jQuery，浏览器会认为 `$` 是未定义的变量。 2. **jQuery 引入顺序错误** 如果你的 JavaScript 代码在 jQuery 库加载之前执行，会导致 `$` 未被初始化。 3. **jQuery 文件路径错误** 文件路径或 CDN 链接错误，导致浏览器无法下载 jQuery 库。 --- ### 解决方案步骤 #### 1. **确保引入 jQuery 库** 在 `<head>` 或 `<body>` 顶部添加 jQuery 官方 CDN 链接（任选其一）： ```html <!-- 最新版 jQuery --> <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script> <!-- 或指定版本（如 3.6.0） --> <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> ``` #### 2. **检查引入顺序** 确保 jQuery 库的引用 **早于** 你的自定义脚本： ```html <!-- 正确顺序 --> <script src="jquery.js"></script> <script> $(document).ready(() => { // 你的代码 }); </script> <!-- 错误顺序（会导致 $ 未定义） --> <script> $(document).ready(() => { /* ... */ }); // 报错！ </script> <script src="jquery.js"></script> ``` #### 3. **验证 jQuery 加载状态** 在浏览器开发者工具（按 F12）的 **Console** 面板输入 `jQuery` 或 `$`，若看到函数定义说明加载成功： ```javascript > console.log($); // 输出：ƒ (e,t){return new he.fn.init(e,t)} ``` 若输出 `undefined`，则需检查网络请求是否成功加载 jQuery（在 **Network** 标签查看）。 --- ### 其他可能问题 - **本地文件路径错误** 若使用本地 jQuery 文件，检查路径是否正确： ```html <!-- 假设 jquery.js 在项目根目录 --> <script src="/js/jquery.js"></script> ``` - **浏览器扩展干扰** 某些广告拦截插件会屏蔽 CDN 资源，尝试禁用扩展或切换到本地文件。 - **HTTPS/HTTP 混合内容** 若页面通过 HTTPS 加载，但 jQuery 链接为 HTTP，浏览器可能阻止加载。使用 HTTPS 的 CDN： ```html <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script> ``` --- ### 完整示例 ```html <!DOCTYPE html> <html> <head> <!-- 1. 先引入 jQuery --> <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script> <!-- 2. 再编写使用 $ 的代码 --> <script> $(document).ready(() => { console.log("jQuery 已正确加载！"); }); </script> </head> <body> </body> </html> ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值