Ubuntu环境VS Code运行HTML文件无法访问报错咨询
问题描述
在Ubuntu系统的VS Code中运行HTML文件时触发报错:
Your file couldn’t be accessed, It may have been moved, edited, or deleted.
对应测试代码为最简单的Hello World示例:
<!DOCTYPE HTML> <HTML> <head> <title>Hello HTML</title> </head> <body> <p>Hello World!</p> </body> </html>
上述代码不存在语法问题,报错和代码逻辑无关,是文件访问链路异常导致,按以下顺序排查即可修复:
排查修复方案
- 确认文件已保存:未保存的临时编辑缓存无法被浏览器加载,按
Ctrl+S手动保存文件,确认VS Code顶部文件标签的文件名旁没有代表未保存状态的白色圆点,再重新尝试运行。 - 修正文件存储路径:Ubuntu环境下不要将开发文件存放在系统临时目录、
/root权限目录,路径不要包含中文、空格、特殊符号,建议新建纯英文路径的专属工作目录(例如~/projects/html_practice),将HTML文件移入该目录后再操作。 - 调整VS Code打开逻辑:不要直接拖拽单个孤立文件到VS Code窗口就运行,正确操作是点击VS Code菜单栏「文件-打开文件夹」,选中你存放HTML文件的目录加载为正式工作区,再从左侧资源管理器面板选中对应HTML文件启动运行。
- 校验运行环境:如果使用Live Server类插件运行HTML,先卸载插件后重新安装,重启VS Code后重试;也可以直接在文件管理器里找到对应HTML文件,双击用系统默认浏览器打开,如果双击也无法访问,说明文件实际存储损坏,直接新建文件重新粘贴代码保存即可。
内容的提问来源于stack exchange,提问作者Bobby Tessmar
相关产品推荐
相关产品推荐

