安装 XAMPP 后 Chrome 不运行 jQuery

Question

我在一个网站上工作，并添加了一些 jQuery。一切进展顺利，我可以使用 Chrome 从本地驱动器打开该站点，并且该站点正在运行。我在网站上使用 google 的 jQuery 链接。

在我安装 XAMPP Chrome 后停止加载并运行 jQuery。

当控制台尝试加载我的 xyz.js 时，我在控制台上收到此错误消息：

未捕获的引用错误：$ 未定义

首先我从谷歌加载 jquery.min.js，然后我自己的 xyz.js

<script async src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script async src="js/xyz.js" type="text/javascript"></script>

网站来自：

file:///Path To/index.html

我什至没有使用 XAMPP 安装 apach 或任何东西，我只是安装并运行 XAMPP 本身。所以我卸载了XAMPP，但问题仍未解决。

代码在 Edge 上完美运行，但我更喜欢 chrome。

如何使用 Chrome 和 jQuery 解决这个问题？

感谢您的任何回答！

Answer 1

从<script> 标记中删除async 属性，包括页面中的jQuery。

jQuery 必须在任何依赖它的脚本之前加载，否则你会看到'$ is undefined'错误，因为xyz.js 文件在库可用之前尝试使用它在页面中。试试这个：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script async src="js/xyz.js" type="text/javascript"></script>