Erreurs de référence Jquery Uncaught dans google chrome

-1

J'ai utilisé jquery pour ce projet de conception de sites Web et j'ai rencontré un problème. Le script fonctionne très bien dans Safari, bien que dans Firefox et Google Chrome, je reçois une erreur de référence non interceptée. J'ai lu dans quelques endroits que cela pourrait être charset du script, mais quand j'ai changé le jeu de caractères rien ne serait arrivé. Quelqu'un d'autre a-t-il eu ce problème? Si quelqu'un connaît une bonne solution à ce problème, l'aide serait appréciée.Erreurs de référence Jquery Uncaught dans google chrome

est ici le script, je travaille avec:

$(function ($) { 
    'use strict'; 
    var slidebar = new $.slidebars({siteClose: true, scrollLock: true}); 
    $('i.button').on('click', function() { 
     slidebar.slidebars.toggle('left'); 
    }); 
}); 
$(function PYLoad() { 
    'use strict'; 
    $.ajax({ 
     url: 'http://127.0.0.1:8000/json', 
     type: 'GET', 
     success: function (data) { 
      console.log("PY_Load has Loaded successfully..."); 
      console.log(data); 
      if (data.green === "green") { 
        $('#PY_Load').addClass('server-status-green').removeClass('server-status-red server-status-red-blink default'); 
      }; 
      if (data.red === "red") { 
       $('#PY_Load').addClass('server-status-red').removeClass('server-status-green server-status-red-blink default'); 
      }; 
      if (data.blink === "blink") { 
       $('#PY_Load').addClass('server-status-red- blink').removeClass('server-status-green server-status-red default'); 
      }; 
      if (data.default === "default") { 
       $('#PY_Load').addClass('default').removeClass('server-status-green server-status-red server-status-red-blink'); 
      }; 
     }, 
     complete: function() { 
      console.log('Reloading...'); 
      setTimeout(PYLoad, 3000); 
     } 
    }); 
});

La tête de ma page html:

<head> 
     <meta http-equiv="X-UA-Compatible" /> 
     <meta http-equiv="Content-Type" charset="utf-8" /> 
     <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" /> 
     {% load staticfiles %} 
     {% load compress %} 
     {% compress css %} 
     <link href="{% static 'scss/app.scss' %}" type="text/x-scss" rel="stylesheet" media="all"/> 
     {% endcompress %} 
     <script src="{% static 'js/jquery/jquery-2.1.4.js' %}" async></script> 
     <script src="{% static 'js/modernizr/modernizr.custom.62824.js' %}" async></script> 
     <script src="{% static 'js/slidebars/slidebars.js' %}" async></script> 
     <script src="{% static 'js/app.js' %}" async></script> 
    </head>

Voilà ce qui apparaît dans la console: