Nativescript-Vue - локальный путь к изображению не работает - PullRequest
0 голосов
/ 28 сентября 2018

В моем App.vue

<template>
  <Page class="page">       
        <ActionBar title="my-app" class="top-nav" />
        <ListView v-show="showHome" for="(post, index) in posts" @itemTap="onItemTap" row="1">
            <v-template>
              <FlexboxLayout flexDirection="row" class="post-list" justifyContent="space-between">
                <FlexboxLayout flexDirection="column" width="15%" justifyContent="space-between" alignItems="center">
                  <Image src="~/images/up.png" @tap="onButtonTap('up', index)" class="up-down" />
                  <Label :text="post.score" class="post-count" />
                  <Image src="~/images/down.png" @tap="onButtonTap('down', index)" class="up-down" />
              </FlexboxLayout>
            </v-template>
        </ListView>
    </Page>
</template>

Он очень хорошо работает на Nativescript Playground, <Image /> обнаружился с src

Но когда я отлаживал на машине сСимулятор iOS, он не работает ..., <Image /> части просто пустые ...

Скелет проекта показан ниже

/app
|_ app.js
|_ app.css
|_ package.json
|_ /components
|   |_App.vue
|
|_ /images
    |_up.png

Кто-нибудь знает, что происходит?Спасибо.

1 Ответ

0 голосов
/ 28 сентября 2018

в приложении NativeScript-Vue ожидаемая структура папок с использованием нашего шаблона vue-cli заключается в размещении ваших изображений в папке ресурсов.Можете ли вы попробовать?Поэтому поместите файлы .png в app / assets / images.

...