1. ホーム
  2. javascript

[解決済み] Javascript - ERR_CONTENT_LENGTH_MISMATCH

2022-03-13 13:13:10

質問

基本的なjquery playgroundのサイトを作っています。エラーが発生します。 net::ERR_CONTENT_LENGTH_MISMATCH がページロード時に発生し、背景画像がページ上に読み込まれません。

問題の画像は300kbで、しかも動的に変化しています。これはファイルサイズに関係することだと思いますが、よくわかりません。

もともと使われていたHTML。

<p style="margin:0px; padding:0px;">
  <img id="background" src="/bg1.jpg" style='width:100%;' border="0" alt="Null">
</p>

javascript / jqueryを使用して背景を変更します。

var changebg = function() {
  if (myscore % 20 == 0) {
    level++;
    document.getElementById("level").innerHTML = "Level: " + level;
    $("#level").fadeIn(1500, function(){$("#level").hide()})
    backgroundindex++;
    if (backgroundindex > 6) {
      backgroundindex == Math.floor((Math.random()*6)+1)};
    document.getElementById("background").src="/bg"+backgroundindex+".jpg";
  };
}

解決方法は?

<ブロッククオート

Error: net::ERR_CONTENT_LENGTH_MISMATCH が表示されるのですが。

サーバーのログを見て、何が本当の問題なのかを判断してください。

私の場合、問題はnginxとファイルパーミッションの間のどこかにありました。

  • tail -f /usr/local/var/log/nginx/error.log または実行 nginx -t を実行して conf の場所を決定し、そこでカスタムのログパスを指定することができます。
  • ブラウザでアセットを更新します。 http://localhost:3000/assets/jquery/jquery.js

ログにこのようなものが表示されることがあります。

"/usr/local/var/run/nginx/proxy_temp/9/04/0000000049" failed (13: ファイル xyz のアップストリーム読み込み中にパーミッションが拒否されました)

修正方法はこちらです。

sudo nginx -s stop    
sudo rm -rf /usr/local/var/run/nginx/*    
sudo nginx