js报错:Failed to load resource: the server responded with a status of 404 (Not Found):

报错:

报错截图:
在这里插入图片描述

文字提醒:

Failed to load resource: the server responded with a status of 404 (Not Found) :8020/favicon.ico:1

翻译:

加载资源失败:服务器响应404 (Not Found):8020/favicon.ico:1

解决方法:

我一般遇见这个问题,都是再刷新一遍,基本就不会再出现这个报错了。

接下来,我们来分析一下:
这个报错出现的原因是没有找到favicon.ico===》我们的页签图片,也就是最上面那个
在这里插入图片描述
浏览器默认行为:浏览器打开每一个网站的时候,都会默认的去请求页签图标
==》找谁要的页签图标?
==》来到network,进行强制的刷新(按住shift点击刷新按钮),这里就会显示
在这里插入图片描述
如果是正常的刷新,它可能就没有了,它请求了一次发现没有,可能就不在请求了

==》点击没有找的资源,标红那个出现:

在这里插入图片描述

就知道这个请求的资源是找谁要的了,

这里的端口号5500是因为我在我的vscode里面安装了一个插件, LiveServer它会在我选择之后,帮我打开一个页面,它的工作特点就是:你选中它的一瞬间,就在你的本机5500的端口上给你开了一台内置的服务器,并且进行了一个最重要的动作,把你整个工程里面的所有的文件和文件夹,都作为这台服务器的根资源去使用。
咋理解根资源?
回到刚才打开的页面把路径5500后面的东西全部删除,回车===》意思是直接找5500这个服务器要东西
在这里插入图片描述
显示出来的东西,就是当前服务器里面的所有东西,之前的那个找的页签的图标,在我们新建的这个项目工程文件里面,没有存在,当然就找不到目标资源

找不到,我们就给它一个,在百度随便找一个你喜欢的页签图标,直接拖进我们的工程文件里面就可。

  • 42
    点赞
  • 118
    收藏
    觉得还不错? 一键收藏
  • 18
    评论
根据你提供的引用内容,当在VSCode中运行JavaScript代码时出现"Failed to load resource: the server responded with a status of 404 (Not Found)"的错误,可能有两种可能性。 第一种可能是在运行过程中,代码中引用的静态资源(如css、js、images)的路径有误,导致服务器无法找到相应的资源文件。这可能是因为在配置静态资源路径时出现了错误或者资源文件的位置不正确。你可以检查代码中引用资源文件的路径是否正确,并确保相应的资源文件确实存在于指定的路径中。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* [idea写web项目时报错Failed to load resource: the server responded with a status of 404 (Not Found)](https://blog.csdn.net/perturb/article/details/125948103)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *3* [使用Cdn引入vue.js控制台报错Failed to load resource: the server responded with a status of 404 (Not ...](https://blog.csdn.net/blackbak/article/details/129912594)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 18
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值