Nativescript Angular无法从资源文件夹加载图像

时间:2020-11-10 00:37:31

标签: image nativescript angular2-nativescript nativescript-angular

我无法加载图像区域设置并将其显示在屏幕上。

我有这样的文件结构

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)

1 个答案:

答案 0 :(得分:0)

截至 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>