未捕获的 ReferenceError：使用 select2 时 jQuery 未定义错误
[英]Uncaught ReferenceError: jQuery is not defined error when using select2
问题描述
I have read this: Uncaught ReferenceError: jQuery is not defined
我读过这个： 未捕获的 ReferenceError: jQuery is not defined
Which led me to this: Uncaught ReferenceError: $ is not defined?这导致我这样做： 未捕获的 ReferenceError：$ 未定义？
After understanding the problem that I was not referencing jQuery before I was using it I changed my code.在了解了我在使用之前没有引用 jQuery 的问题后，我更改了我的代码。
From this:由此：
<head>
<link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
</head>
I moved jQuery to the top like this:我像这样将 jQuery 移到顶部：
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
</head>
That fixed my first Uncaught ReferenceError .这修复了我的第一个Uncaught ReferenceError 。 I am however still getting the same error but from select2.但是，我仍然收到相同的错误，但来自 select2。
Uncaught ReferenceError: jQuery is not defined
<anonymous> https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js:2
<anonymous> https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js:2
select2.min.js:2:83
I do not know how to reference it any sooner and ever their own page shows how to setup the code.我不知道如何尽快引用它，并且他们自己的页面显示了如何设置代码。
1 个解决方案
解决方案1
0 2022-05-26 20:55:57
It turns out I tried to use select2 in my base.html file.事实证明，我尝试在我的base.html文件中使用select2 。 I never referenced jQuary there.我从来没有在那里引用过 jQuary。
base.html before: base.html 之前：
<link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
And after:之后：
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
Small mistake that will hopefully save you 30 minutes of work.小错误有望为您节省 30 分钟的工作时间。 Check everything.检查一切。
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.