WEB制作・サイト運営

jQueryのCDN(code.jquery.com)が403エラーで読み込まれない不具合

どうも、イクナガです。

現在、下記のように jQueryを公式CDN(code.jquery.com)から読み込もうとすると、403エラーが発生して読み込めない不具合が発生しているようです。

2019.08.19 19:44 追記 現在は復旧済です。

<script src="https://code.jquery.com/jquery-x.x.x.min.js"></script>

急にページの一部が表示されなくなったり、ボタンが反応しなくなったり、ハンバーガーメニュー・アコーディオンメニューが動作しなくなった場合は、この不具合が原因の可能性が高いです。

今回の不具合では、開発者ツールに

  • Failed to load resource: the server responded with a status of 403 (Forbidden)
  • Uncaught ReferenceError: jQuery is not defined
  • Uncaught ReferenceError: $ is not defined

などのエラーが複数出ます。

現在、問題の公式CDN(code.jquery.com)のスクリプトにアクセスしようとすると、このような表示になります。

HTTP ERROR 403、つまりアクセスが拒否されていて、読み込みができない状況です。

この不具合は、code.jquery.com以外のCDNを利用する or 自分のサーバ内にjQueryのファイルを置き、それを読み込ませることで解消します。

現在、Google API版のjQuery CDNはこれまでどおり利用できることを確認済です。

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

※x.x.xの部分はバージョンが入ります、適宜変更してください。(最新バージョンは3.4.1です。)

ちなみに: https://code.jquery.com/~~ の部分を http://code.jquery.com/~~ にすると読み込まれますが、読み込んだサイトがSSL対応している場合はMixed Contentsという別の問題が生じてしまいます。ご注意ください!

2019.08.17 21:12 追記

今回の不具合は、日本(東京ノード)+IPv6+HTTPSという限られた環境で発生しているようです。(現在、CDNプロバイダーへ問い合わせ中とのこと。)

関連リンク(英語): https://github.com/jquery/codeorigin.jquery.com/issues/51

2019.08.19 19:44追記

公式GitHubにて、CDNプロバイダ側で修正をおこなったとの連絡がありました。


天下のjQueryとは言え、CDNの過信は禁物ですね……。

それではまた。

-