我在尝试运行不同的web套接字示例时遇到了这个问题。

将浏览器指向“”时http://localhost:8080/'我收到了这个错误，但正好指向'http://localhost:8080/index.html'没有给出任何错误，因为在'index.html'中，所有都完全正常-jquery在使用$..之前已包含。。

不知为何，自动转发到index.html没有完全工作

以下是最坏的情况：

一切似乎都很完美。花了几个小时后，我意识到添加到正确位置的jquery文件实际上是一个包含空内容的文件！

您尚未引用jQuery库。

您需要在HTML中包含一行类似的内容：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>

好吧，我的问题不同了——这是Chrome中的文档安全模型。

看看这里的答案，很明显，在调用$（document）.ready（）等函数之前，我没有加载jquery文件。然而，他们都处于正确的位置。

在我的情况下，这是因为我通过安全的HTTPS连接访问内容，而页面试图从谷歌等下载CDN托管的数据。解决方案是将它们存储在本地，然后直接包含，而不是每次都从CDN。

编辑：这样做的另一种方式是以https://而不是http://的形式链接到所有CDN托管的内容，这样模型就不会抱怨了。

在启动脚本之前添加库。您可以添加以下任何CDN来启动脚本。

谷歌：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

微软

<script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.2.1.min.js"></script>

滑动分页

如果您需要任何其他Jquery cdn版本，请选中此链接。

在此之后：

<script type="text/javascript">
$(function(){
    //your stuff
});
or
$(document).ready(function(){
    //your stuff
});    
</script>

文字印刷机：

<script type="text/javascript">
var $ = jQuery;
jQuery(document).ready(function($){
     //your stuff
});
</script>

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

所以我改变了

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

to

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