XAMPPをインストールした後にChromeがjQueryを実行しない

Question

私はウェブサイトで働き、jQueryを追加しました。状況は順調に進んでいましたが、Chromeでローカルドライブからサイトを開くことができ、サイトが実行されていました。私はサイト上でgoogleのjQueryリンクを使用します。

私がXAMPPをインストールした後、Chromeはロードを停止し、jQueryを実行しました。

それは私のxyz.jsをロードしようとしたとき、私は、コンソール上でこのエラーメッセージが表示されました：

Uncaught ReferenceError: $ is not defined

まずI負荷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> 

ウェブサイトに到達した：私もXAMPPでapachか何かをインストールしていなかった

file:///Path To/index.html

私はちょうどインストールし、 XAMPP自体を実行します。だから、私はXAMPPをアンインストールしましたが、問題は解決されませんでした。

コードは完全にEdgeで実行されますが、代わりにクロムが優先されます。

この問題をChromeとjQueryでどのように解決できますか？

ありがとうございました！

Answer 1

ページ内のjQueryを含む<script>タグからasyncプロパティを削除します。

jQueryのはそれに依存している任意のスクリプトの前にロードするがあり、そうでなければ、原因それがページで利用可能になる前に、ライブラリを使用しようとする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>