📌  相关文章
📜  Uncaught ReferenceError: $ is not defined - 不管是什么(1)

📅  最后修改于: 2023-12-03 15:20:49.265000             🧑  作者: Mango

报错信息：Uncaught ReferenceError: $ is not defined - 不管是什么

在前端开发中，大家可能经常会遇到 $ is not defined 错误。这个错误的意思是：$ 符号没有被定义，即 JQuery 没有被引入成功。因为在 JQuery 中，$ 符号不能直接使用，需要先引入 JQuery 库。

错误的出现原因
  1. 没有引入 JQuery 库。
  2. JQuery 库的引入位置放错了。
  3. 引入的 JQuery 库版本与代码不兼容。
修复方法
1. 引入 JQuery 库

一般来说，我们只需要在页面的 head 或 body 标签中引入 JQuery 库即可。以下是 JQuery 的最常用的 CDN 引入方式：

<head>
  <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
</head>

注：这里的 CDN 地址是引入 jQuery 3.6.0 版本的地址，如果需要引入其他版本的 JQuery 库，需要修改对应的版本号。

2. 放置位置正确

确保引入 JQuery 库的位置是正确的。可以将它放到 head 中，也可以放到 body 的最后一行。如果使用了模块化开发工具如 webpack、require.js，还需要检查模块中引用的文件路径是否正确。

3. 版本兼容问题

如果使用了老的代码库，可能存在版本兼容问题。需要检查引入的 JQuery 库是否与代码兼容。如果不兼容，可以选择更改代码库或者替换 JQuery 库版本。

总结

$ is not defined 错误提示一般是 JQuery 引入问题导致的。如果遇到这个问题，我们需要检查是否引入 JQuery 库，库的引用位置和版本是否正确。只要按照以上三个步骤检查出来并修改正确，就可以消除这个错误。

建议大家在开发时多留意错误提示，及时查找并解决问题，提高开发效率。