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

如何解决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)

解决方法

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