Nativescript angular 本地文件系统图像未显示

Nativescript angular local file system images not showing

我已经使用带导航抽屉模板的 nativescript side kick 软件创建了 nativescript angular 应用程序，我想在主页中显示来自本地文件系统的图像。

我正在使用最新的 angular 和 nativescript

APP

--> 图片

-->首页

本地构建和云构建

<Image src="res://icon" ></Image> --> 显示图片

<Image src="../images/intensepic.jpg" ></Image> --> 如果我点击“..images/intensepic.jpg”使用 ctrl+click 它会转到项目中的图像路径并选择图像但图像没有显示在应用程序中.

<Image src="~/images/intensepic.jpg" ></Image> --> 如果我使用 ctrl+click 单击“~/images/intensepic.jpg”，它在项目中查找图像失败并且无法选择图像并且图像未显示在应用

<Image src="/app/src/images/intensepic.jpg" ></Image> --> 如果我点击“/app/src/images/intensepic.jpg”使用 ctrl+click 进入图像路径并选择图像但是图像没有显示在应用

Nativescript 游乐场

<Image src="res://icon" ></Image> --> 显示图片

<Image src="../images/intensepic.jpg" ></Image> --> 图片未在应用程序中显示。

<Image src="~/images/intensepic.jpg" ></Image> --> 图片显示在应用程序中。

您的问题出现在哪个（些）平台上？ 两个都

请通过 doc 了解图像路径的工作原理。

res:// - 如果图像放置在位于 App_Resources.

内的 iOS / Android 可绘制文件夹中，则使用前缀

~/ - 指向应用程序目录。

相对路径之间可能在这里根本不起作用。如果您确定路径正确，请尝试 运行 干净的构建以确保复制所有资源。

因为intensepic图片在images文件夹里，不在App资源里，不用res:// 图片路径肯定有问题 试试这个 

<Image src="~/images/intensepic.jpg"></Image>

或

<Image src="~/app/images/intensepic.jpg"></Image>