加载资源失败:服务器响应具有正确文件路径的图像的404(未找到)状态

Question

这是一个图标的代码，在我的网站上显示一个侧菜单。使用Jquery将其导入到我所有的html页面中。由于某些原因，当简单地使用img标签时，该图像在本文标题中返回错误。我以前从来没有遇到过这个问题，也不知道该怎么解决。它位于相同的

<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>

这包含在我所有的html文件的头部:

<script src="https://code.jquery.com/jquery-1.10.2.js"></script>

Answer 1

浏览器似乎找不到图片，请尝试以下步骤之一:

• 重命名图像文件，Javascript区分大小写。
• 证明图片为png(或jpg, gif…)

我在你的HTML和脚本中看到的一个错误是，试图找到"sidenav-wrapper"类，但在HTML中没有&;sidenav-wrapper&;类，尝试将其更改为要添加类的类"hidden">记住:如果你想找到这些课程"sidenav"one_answers";wrapper"你写"sidenav wrapper";本月"sidenav-wrapper">