Este es el código de un ícono que revela un menú lateral en mi sitio web. Usando Jquery para importarlo en todas mis páginas html. Por alguna razón, la imagen devuelve el error en el título de esta publicación cuando simplemente se usa una etiqueta img. Nunca he tenido este problema antes y no tengo ni idea de cómo resolverlo. se encuentra en el mismo
<script src="https://kit.fontawesome.com/11ab057999.js" crossorigin="anonymous"></script> <div class="logo-wrapper"> <!-- UPS LOGO --> <img id="fix-token-logo" src="fixTokenLogo.png" alt=""> <div id="menu-icon" onclick=""> <i class="fa-solid fa-bars" onclick="activateMenu()"></i> </div> </div> <script> function activateMenu () { const sidebar = document.getElementsByClassName('sidenav-wrapper') sidebar[0].classList.toggle('hidden') } </script>Esto está incluido en todos mis archivos html en el encabezado:
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>Parece que el navegador no puede encontrar la imagen, intente uno de estos pasos:
Un error que he visto en su HTML y su secuencia de comandos es que está tratando de encontrar la clase "sidenav-wrapper", pero en su HTML no hay una clase "sidenav-wrapper", intente cambiarlo a la clase que desea agregar la clase "oculta" Recuerde: si desea encontrar las clases "sidenav" y "wrapper", escriba "sidenav wrapper" en lugar de "sidenav-wrapper"