webstorm打开html显示404,关于 WebStorm 打开 HTML 文件出现 404 Not Found 的情况

本文介绍了在WebStorm中打开HTML文件出现404NotFound错误的解决方法。问题在于WebStorm需要以文件夹为单位打开项目。解决方案是将HTML文件放入一个文件夹,然后在WebStorm中打开该文件夹。此外,文中还提供了可能的端口冲突和文件命名错误的备用解决方案。

关于 WebStorm 打开 HTML 文件出现 404 Not Found 的情况

关于 WebStorm 打开 HTML 文件出现 404 Not Found 的情况

文章目录一:问题描述

二:解决方案

三:原因分析

四:其它解决方案

一:问题描述

今天遇到一个问题,我在桌面上新建了一个 HTML 类型的文件,

0c0ea6892ae52d155f78822fd8fdea69.png

然后在 WebStorm 上打开该文件,浏览器一直提示 404 Not Found,如下图所示

049d97a99f5564b870ae801acd3a4bf1.png

但是通过 Sublime 打开就不会出现这个情况,然后在网上查了一下造成这种情况的原因,找到了答案

二:解决方案

第一步:

把 HTML 文件拖到任意一个文件夹,或拖到新建的文件夹,这里我在桌面直接新建一个文件夹。如下图所示

276f1fd741ea12c0380b0724e6fa43fd.png

请注意,当前文件夹只有一个 html 类型的文件。

第二步:

启动 WebStorm,点击 "文件’>>打开文件夹,找到你保存 HTML的文件夹,并选中。

注意:不是选中 HTML 文件,不是选中 HTML 文件,不是选中 HTML 文件。

如下图所示

23a953695cd4227fd34505b6fc8f9517.png

此时你再通过浏览器打开 HTML 文件,就可以正常显示了。

然后我们再回头看看存放 HTML 的文件夹的状态,如下图所示

83f58ba9a294438441c23746e4f48582.png

三:原因分析

一句话:WebStorm 这款编辑器只能打开以 文件夹 为基础的文件。

所以当 HTML 文件直接放在桌面或者不在一个文件夹的时候,此时通过 WebStorm 打开就会出现 404 Not Found 的情况。

四:其它解决方案

针对该问题,我自己的是通过上述方案解决了,不过在网上也有其它的解决方案,我没试过,但把它写到这里,希望可以帮到你们。

备用方案一:

可能是你的端口号错误,可以到设置里面找到调试器,然后找到端口号,把端口号改成8080,再勾选旁边的按钮(能接受外部链接),截图如下

4918640dfbbc9d3c85532bc9cd2cdb6a.png

备用方案二:

HTML 文件的命名方式不对,最好的文件名中不能有不可识别的符号和汉字。

解决方案二、解决方案三 仅供参考。

如果这篇博客有幸帮到了您,欢迎点击下方链接,和更多志同道合的伙伴一起交流,一起进步。

62198.html

关于 WebStorm 打开 HTML 文件出现 404 Not Found 的情况相关教程

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值