尝试在Nativescript Angular App中使用SASS

时间:2017-03-26 12:40:23

标签: sass nativescript

我在nativescript cli中使用“tns create my-app --template ng”创建了一个nativescript angular app,然后用“tns platform add android”安装了android平台。然后应用程序使用“tns run android”在Android模拟器上完美运行。

为了能够使用SASS进行样式化,我按照“https://docs.nativescript.org/ui/theme”中的说明进行操作。这包括安装SASS插件并在app目录中创建基本的scss文件。现在,当我尝试运行我的应用程序时,我收到以下错误:

“首先调用getPlatformData而不提供projectData。”

我已经多次重复这个过程,但结果仍然是一样的。有任何想法吗? (使用nativescript v2.5)

1 个答案:

答案 0 :(得分:2)

此错误与使用LiveSync中断SASS插件的NativeScript CLI版本2.5.x中的更改有关。我今晚更新了插件,以便它可以与NativeScript 2.4.x和即将推出的NativeScript 3.0一起使用。

在NativeScript 2.5中,插件将SCSS转换为CSS,但LiveSync将无法正常工作。

所以现在,要么将CLI降级到2.4.2,要么试用新的RC版本3.0.0-rc。安装这些CLI版本之一后,SASS插件应该再次运行(使用LiveSync)。

通过执行以下操作,在项目中尝试最新版本的插件:

   $ tns plugin remove nativescript-dev-sass
   $ npm install nativescript-dev-sass@rc --save-dev

希望这会更好。抱歉,麻烦。

(注意:一旦{N} 3.0.0正式发货,该插件将丢弃RC标签)

<强>更新

{N} 2.5+此插件的更改现已正式发布,只需安装最新版本(无需RC标签)即可使用。如果您使用的是{N} 2.4.2或更低版本,那么最好使用此插件的旧版本。要安装旧版本:

$ npm install nativescript-dev-sass@0.4.2 --save-dev