我将materialize与django一起使用。navbar在大屏幕上工作正常，但sidenav在小屏幕上不工作。

var elems = document.querySelectorAll('.sidenav');
 var sidenavInstance = M.Sidenav.init(elems);

<a href="#" data-target="mobile-nav" class="sidenav-trigger "> <i class="material-icons">menu</i></a>
  <ul id="slide-out" class="sidenav">
    <li><a href="#">Home</a></li>
    <li><a href="#">About</a></li>
    <li><a href="#">Academics</a></li>
    <li><a href="#">Events</a></li>
    <li><a href="#">Contact</a></li>
    <li><a href="#">Login</a></li>
  </ul>

这是我的代码片段。我在小屏幕上遇到错误“无法读取null的属性'm_sidenav'。有人能告诉我为什么我会犯这个错误吗？