CSS 更改未反映在使用“tns 预览”的应用程序中

Question

我是 nativescript 的新手！我正在关注 nativescript 网站上的“入门”视频课程。当我运行“tns preview”命令时，我看不到 css 的变化。我尝试使用内联 css，它可以工作。但是 css 更改不会反映它们在 css 文件中定义的时间。

在全局css文件中，我写了如下CSS：

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

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

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

一些观察：

1. 当我注释掉导入时，只应用 TextField css 而不是 Page。 （我试图从 platform.ios.css 文件中导入 css）

2. 我认为，它无法找到 platform.css 文件，因为该文件不是在“平台”文件夹中生成的。

注意：我没有使用模拟器，因为我没有 mac，并且“tns run ios”不会在 windows 中运行，所以我必须使用我的 iPhone 来预览应用程序。

请帮我解决这个问题。

Answer 1

我在这里做几个假设来回答你的问题： 1. 你正在使用 NativeScript Core 2.您在/app 文件夹中有一个名为platform.ios.css 的文件以及app.css 文件（您的全局css 文件）

请将app.css 中的导入语句更改为如下所示：

@import 'platform.css';

只是一个固执己见的说明：我还建议您在本地 Android 模拟器上尝试这个，因为您使用的是 Windows。预览应用程序很棒，但是一旦你深入挖掘它就会有很多限制，并且拥有一个本地模拟器会让你走得更远。