NativeScript Vue Android端drawable图片不更新及加载失败求助

看起来你遇到的问题主要是NativeScript Preview/Playground的资源缓存以及资源路径配置偏差导致的，我来帮你一步步排查解决：

一、解决res://资源的加载问题 #

• 检查drawable文件夹结构：Android的资源需要按分辨率分类存放，你需要把icon.png和screen.png放到对应分辨率的drawable-xxx文件夹（比如drawable-mdpi、drawable-hdpi等），而不只是默认的drawable文件夹。如果只放单一文件夹，部分设备可能无法正确识别资源。
• 清除Preview App缓存：NS Preview App会缓存旧的资源文件，这就是你替换了icon但仍显示旧图的核心原因。打开Preview App，找到你的测试项目，滑动删除或者在应用设置里清除缓存，然后重新扫码预览。
• 规范文件名：确保文件名全小写（比如screen.png而非Screen.png），Android系统对资源文件名的大小写敏感，这很可能是res://screen找不到的诱因。

二、解决~/images/路径的加载问题 #

• 修正图片存放路径：NativeScript中~/指向项目根目录下的app文件夹，所以你应该把图片放到<项目根目录>/app/images/文件夹下，而非assets/images/。之前的报错就是因为文件放错位置，系统找不到对应路径。
• 验证路径引用：确认你的Image组件引用是<Image src="~/images/icon.png"></Image>，同时检查app/images下确实存在icon.png文件。
• 重启预览服务：有时候tns preview服务会缓存旧的资源映射，按Ctrl+C停止服务，然后重新运行tns preview，重新扫码连接设备。

三、额外排查点 #

• 检查图片文件完整性：确保你的自定义图片没有损坏，可以用本地图片查看器打开验证。
• 确认Playground和Preview App为最新版本：旧版本可能存在资源加载的bug，更新到最新版本再测试。

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