首先在索引文件中包含jQuery CDN（或jQuery ref）。在包含JS文件以确保我们正在访问jQuery之前。下面的台词对我有用

通过参考以下链接可以清楚地了解这一点参考站点：

https://www.tutorialrepublic.com/faq/how-to-fix-dollar-is-not-defined-error-in-jquery.php

答：在jQuery库加载后执行代码错误“UncaughtReferenceError:$未定义”背后最常见的原因是在jQuery库文件加载之前执行jQuery代码。因此，确保仅在jQuery库文件加载完成后才执行jQuery代码。

根本问题是ReferenceError。MDN表示try/catch块是作业的正确工具。在我的例子中，我得到了一个付费sdk/库的未经修正的参考错误。以下内容对我有用。

try {
  var stripe = Stripe('pk_test_---------');
} catch (e) {
    stripe = null;
}

if(stripe){
  //we are good to go now
}

显然，修复方法是在调用其方法之前加载任何SDK/库，例如jQuery，但try/catch确实可以防止共享JavaScript弹出错误，以防您在页面上运行共享脚本，而该页面没有加载您在页面子集上使用的任何库。

如果存在网络问题，也可能发生这种情况。这意味着，即使“jquery脚本”已到位，并且在使用之前已包含，但由于在加载页面时无法访问jquery脚本，因此“$”的定义被视为“未定义的引用”。

出于测试/调试目的：：您可以尝试访问浏览器上的“jquery脚本”url。如果它是可访问的，您的页面应该正确加载，否则它将显示所述错误（或其他脚本相关错误）。示例-http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js应该可以在浏览器（或浏览器上下文实例）上访问。

我也遇到过类似的问题，我可以在windows主机浏览器中加载html页面（使用脚本），但无法在vmubuntu中加载。解决网络问题，解决问题。

在我的案例中，这是一个拼写错误，我忘记了反斜杠，并且错误地引用了源代码。

在src=“/scripts/jquery.js”之前

在src=“scripts/jquery.js”之后

在以下两种情况下也会发生错误。

@HTML文件中缺少section-scripts元素访问DOM元素时出错。例如，DOM元素的访问被称为$（“js toggle”）而不是$（“.js togge”）

因此，需要遵循三点：检查是否添加了所需的脚本，检查是否按所需的顺序添加了脚本，以及Java脚本中的第三个语法错误。

我想尝试使我的脚本异步。然后我忘记了这一点，当我上线时，[custom].js文件只在jQuery.js之前加载了50%的时间。

所以我改变了

<script async src="js/script.js"></script>

to

<script src="js/script.js"></script>