Изменения CSS не отражаются в приложении, использующем «tns preview» - PullRequest
Новая
       3

Изменения CSS не отражаются в приложении, использующем «tns preview»

0 голосов
/ 19 мая 2019

Я новичок в nativescript!и я следил за видео-курсом «Приступая к работе» с сайта nativescript.Я не смог увидеть изменения css, когда запустил команду «tns preview».Я попытался с встроенным CSS и это работает.Но изменения CSS не отражаются, когда они определены в файлах CSS.

В глобальном файле CSS я написал следующий код CSS: 

@import url("~/platform.css");

Page {
    background-color: blue;
    font-size: 25;
}

TextField {
    padding: 10;
    font-size: 13;
}

Некоторые наблюдения:

  1. Когда я закомментирую импорт, то применяются только CSS TextField, а не страница.(Я пытался импортировать css из файла platform.ios.css)

  2. Я думаю, он не может найти файл platform.css, так как этот файл не создается в "папка платформы ".

Примечание : я не использую эмулятор, так как у меня нет Mac, а" tns run ios "не запускается в Windows, поэтомуЯ должен использовать свой iPhone для предварительного просмотра приложения.

Пожалуйста, помогите мне решить эту проблему.

1 Ответ

0 голосов
/ 20 мая 2019

Я делаю пару предположений здесь, чтобы ответить на ваш вопрос: 1. Вы используете NativeScript Core 2. У вас есть файл с именем platform.ios.css в папке /app вместе с файлом app.css (ваш глобальный файл css)

Пожалуйста, измените ваше заявление на импорт в app.css, чтобы оно выглядело так: 

@import 'platform.css';

Просто заметное замечание: я также предлагаю попробовать это на локальном эмуляторе Android, поскольку вы работаете в Windows. Приложение для предварительного просмотра великолепно, но оно будет иметь несколько ограничений, когда вы будете копать глубже, а наличие локального эмулятора поможет вам продвинуться дальше.

...