HBuilderX编写HTML页面预览报错404

开门见山

HBuilderX版本：3.99

文章编写日期：2024年3月19日

如果你在之前的项目中未出现此问题，且尝试了其它方法依然没有解决，可能的原因之一是

你的项目文件夹目录名称格式类似 *.*，比如 testPage1.0

注意，如果你的父目录名称中包含有点，则HBuilderX在运行时可能无法正确找到html文件

下文为详细描述及测试过程，如果不是这个问题或没有兴趣，您不必浪费时间看下文。 

---

问题描述

使用HBuilderX开发html页面，调试时使用内置web服务器运行，浏览器报错404 Page not Found，且无论运行在内置浏览器上还是外部浏览器均报错。如图

HBuilderX项目开发窗口截图如下（bug与代码无关，无需担心复制代码不便）

即使使用内置浏览器，依然是404

 其实，您的项目并没有问题，因为vscode能正常预览

---

原因分析：

项目父目录名称中包含有点，HBuilderX在运行时无法正确找到html文件

将文件夹目录名称去掉点重新命名后，再次测试

实际多次测试发现，只要项目路径中文件夹（目录）名称中有点字符，则会触发该Bug。

---

解决方案：

项目所在的目录路径中，所有文件夹（目录）名称均不能包含点，如果包含需要重新命名。

该Bug已提交官方，等待修复。