如何解决VS Code加载本地图片时出现的报错问题？

调整VS Code图片预览相关设置 #

• 打开设置（快捷键Ctrl+,），搜索image preview，确保Images: Preview Editor选项处于启用状态
• 搜索files.associations，检查是否存在将.png、.ico、.jpg等图片格式错误关联到文本编辑器的条目，若有则删除

清理VS Code缓存 #

1. 彻底关闭VS Code（包括后台运行的进程）
2. 打开文件资源管理器，依次输入路径%APPDATA%\Code\Cache和%APPDATA%\Code\CachedData，删除这两个文件夹内的所有内容
3. 重新启动VS Code，测试图片加载情况

重置VS Code用户设置 #

• 打开命令面板（快捷键Ctrl+Shift+P），输入Preferences: Reset Settings，选择重置所有设置（建议先备份自定义设置）
• 重启VS Code后再次尝试打开图片文件

检查Windows文件关联 #

• 右键点击任意图片文件，选择「打开方式」→「选择其他应用」
• 勾选「始终使用此应用打开.xxx文件」，选择VS Code后确认，再回到VS Code中打开图片

修复或重装VS Code #

• 打开Windows设置→应用→应用和功能，找到Visual Studio Code，选择「修改」后点击「修复」
• 若修复无效，卸载VS Code后重新下载最新版本安装（卸载时可选择保留用户数据，避免重新配置）

内容的提问来源于stack exchange，提问作者Antonio DiCerbo