base.htmlテンプレートにJavaScriptファイルが含まれているローカルホストでDjangoプロジェクトを開発しています。私のJavaScriptインクルードはページの下部にあります:
... other stuff...
<script src="/media/js/jquery.js" type="text/javascript"></script>
<script src="/media/js/jquery-ui-1.9.1.custom.js" type="text/javascript"></script>
<script src="/media/js/bootstrap.js" type="application/javascript"></script>
<link rel="stylesheet" href="/media/css/pepper-grinder/jquery-ui-1.9.1.custom.css" />
{% block extrajs %}
{% endblock %}
</body>
時々、しかしイライラすることに、常にではありませんが、ページをロードまたは更新すると、JavaScriptファイルの1つに対するGETリクエストが失敗します。jquery-uiのリクエストである場合もあれば、jQuery自体のリクエストである場合もあれば、bootstrap.jsのリクエストである場合もあります。URLをブラウザに直接貼り付けると、JavaScriptファイルが完全に正常に読み込まれるため、メディアのURLに問題はありません。
Chromeで、コンソールエラーをクリックして[ネットワーク]タブを表示すると、ステータスが「(失敗)」になり、タイプが「保留中」になります。リクエストヘッダーは、リクエストが実際に失敗したのではなく、まったく通過していないことを示しているようです。
Request URL:http://localhost:8111/media/js/jquery-ui-1.9.1.custom.js
Request Headersview source
Accept:*/*
Cache-Control:no-cache
Pragma:no-cache
Referer:http://localhost:8111/reservation/create/
User-Agent:Mozilla/5.0 (Macintosh; Intel Mac OS X 10_8_2) AppleWebKit/537.4 (KHTML, like Gecko) Chrome/22.0.1229.94 Safari/537.4
最後に、Firefoxにページをロードしてもエラーは発生しませんが、JavaScriptファイルの応答が304を返すことを示しています。
これは、静的メディアの提供方法に問題がありますか(通常の静的メディア設定以外に特別なことはありません)?Chromeで?どうすれば問題を解決できますか?