带有路径的 NativeScript 图像不会加载，但 url 工作正常答案

【问题标题】：NativeScript Image with path won't load but url works fine带有路径的 NativeScript 图像不会加载，但 url 工作正常
【发布时间】：2018-11-13 15:29:34
【问题描述】：

当我使用文件路径时，我的 NativeScript 图像未显示。我的代码目前如下所示：

<StackLayout>
    <Image src="~/assets/logo"></Image>
    <Image src="https://play.nativescript.org/dist/assets/img/NativeScript_logo.png"></Image>
</StackLayout>

使用 url 的下方图片显示，但上方的图片没有显示。

我也试过这些：

    <Image src="/assets/logo.png"></Image>
    <Image src="../assets/logo.png"></Image>
    <Image src="../../assets/logo.png"></Image>

还有其他选项，但没有任何效果。

我的app 文件夹中有一个assets 文件夹，里面有一个logo.png 图片，就是上面网址中的图片。

我也没有收到任何控制台消息，它找不到我的文件。

有什么想法吗？

【问题讨论】：

你可以试试~/app/assets/logo.png吗？
试试<Image src="./assets/logo.png"></Image> 或<image src="./assets/logo.png"></image>。注意路径是./
相对路径取决于你的应用运行的路径，是/app吗？ /dist?找出并使用它
@Manoj 感谢它与~/app/assets 一起使用。即使在文档中他们只使用~/assets。
@JacopoSciampi 我的组件与资产不在同一个文件夹中。它在app/pages/mypage，而资产在app/assets。所以../../据我所知应该可以工作，但不是./也不能工作。

标签： angular nativescript

【解决方案1】：

假设您的结构如下所示：

app/ assets/ logo.png components/ ... app.component.ts ...

我建议尝试： <Image src="~/assets/logo.png"></Image>

~/ 表示您正在查看项目的主目录。

检查app 是否真的是您的主目录。可能是src 高于app。然后你需要去~/app/asset/...

【讨论】：

是的，我的结构看起来像这样。我试过了，它仍然无法正常工作。感谢您的帮助！
我在您的 cmets 中看到，您必须使用 ~/app/assets。您的主目录似乎是src，而不是app。很高兴您找到了解决方案。

【解决方案2】：

它应该包含扩展名

 <Image src="~/assets/logo.png"></Image>

【讨论】：