Nativescript Angular 无法从资产文件夹加载图像答案

【问题标题】：Nativescript Angular unable to load images from assets folderNativescript Angular 无法从资产文件夹加载图像
【发布时间】：2020-11-10 00:37:31
【问题描述】：

我无法在本地加载图像并将其显示在屏幕上。

我有这样的文件结构

src/
  - app/
      - assets/
             image.jpg
             header.jpg
             logo.svg
      - app.module.ts

所以我试过了：

尝试：

<Image src="~src/app/assets/image.jpg" stretch="none"></Image>
----
<Image src="~/app/assets/image.jpg" stretch="none"></Image>
----
<Image src="~app/assets/image.jpg" stretch="none"></Image>
----
<Image src="~/assets/image.jpg" stretch="none"></Image>
----
<Image src="~assets/image.jpg" stretch="none"></Image>

它们都不起作用。

终端显示此错误：

JS: Error in reading bitmap - java.io.FileNotFoundException: /data/data/org.nativescript.myapp/files/app/assets/image.jpg (No such file or directory)

【问题讨论】：

试试 src="~/app/app/assets/image.jpg"

标签： image nativescript angular2-nativescript nativescript-angular

【解决方案1】：

截至 2020 年 11 月 10 日。我能够使用这个 Github 问题 Nativescript-Angular Issue 中的解决方案来修复它

为我解决的问题是将 assets/ 文件夹移到 src/ 文件夹中。

结构如下：

src/
  - app/
      - app.module.ts
  - assets/
         image.jpg
         header.jpg
         logo.svg

然后在html中：

<Image src="~/assets/image.jpg"></Image>

【讨论】：