Nativescript-angular: unable to load images from local files in nativescript angular

[tahir-jamil]

hear is the error log.
JS: Error in reading bitmap - java.io.FileNotFoundException: /data/data/org.nativescript.testingOne/files/app/images/chair.png (No such file or directory)

hear is the repo issue will recreate from the start itself
https://github.com/tahir-jamil/new-translator

hear is my list
`

                <GridLayout rows="auto" columns="*,*" col="2" borderRadius="5">
                    <GridLayout (tap)="saveData()" columns="auto,auto" horizontalAlignment="right">
                        <Label [text]="item.chinese" textWrap="true" class=" text-right p-r-5"></Label>
                        <Label col="1" text="&#xe050;" (tap)="stateAudioSound()" class="mdiBottomBarIcons f-25 alignIcon text-right " textWrap="true"></Label>
                    </GridLayout>
                </GridLayout>

                <GridLayout row="1" colSpan="3" class="image-size">
                    <Image row="2" stretch="aspectFill" [src]="'~/images/' + item.img" ></Image>
                </GridLayout>
                <Label row="2" col="2" text="Add to Favourite" class="text-right f-13 text-muted" textWrap="true"></Label>
            </GridLayout>
        </ng-template>
    </RadListView>
</GridLayout>

data = [
{ english:"book", chinese: "chinese", img: "chair.png"},
{ english:"book", chinese: "chinese", img: "chair.png"},
{ english:"book", chinese: "chinese", img: "chair.png"},
{ english:"book", chinese: "chinese", img: "chair.png"},
{ english:"book", chinese: "chinese", img: "chair.png"},
{ english:"book", chinese: "chinese", img: "chair.png"},
{ english:"book", chinese: "chinese", img: "chair.png"},
{ english:"book", chinese: "chinese", img: "chair.png"}
]

`
and this is the data i am showing

this is the result i get

[tsonevn]

Hi @tahir-jamil,
The issue in the project is related to wrong image path. ~/ will points to the src folder. In this case, you should change the path from [src]="'~/images/' + item.img" to [src]="'~/app/images/' + item.img"

[PeymanKhodadust]

I had the same problem. Normally it wouldn't be a problem to figure out which directory is meant by "~" if there wasn't the confusing error message:

/data/data/org.nativescript.testingOne/files/app/images/chair.png (No such file or directory)

it looks like it's looking at the right place but still can't find it...
@tsonevn Thank you for the tip. Now I can even reference the assets folder ;-)

[MonsterGameDev]

Thank You, Thank You, Thank You ..... :-)

[Neyodhino]

Thank you....