Question

安装nativescript-dev-sass插件后，我将/ app目录中的app.css文件重命名为app.scss，以便我可以在文件中编写sass。 css文件包含一个import语句，因此我将其更改为：

@import 'nativescript-theme-core/css/sky.css';

到

@import '~nativescript-theme-core/css/sky.css'; //notice the tilde

我在这里使用了nativescript-dev-sass存储库自述文件中提到的代字号：https://github.com/NativeScript/nativescript-dev-sass

当我运行tns run android时，我的应用启动时出现以下错误：

JS: Error: Css styling failed: Error: /data/data/io.myapp.app/files/app/app.css:1:97: missing '{'

从app.css编译的结果app.scss文件包含以下行：

@import url(C:\my_workspace\myapp\node_modules\nativescript-theme-core\css\sky.css)

该行的第97列，如错误消息中所指定的，是右括号之后的那一行），并且确实不应该是{那里。所以我不知道为什么它会说{缺少。

我该怎么做才能解决这个问题？

Answer 1

可能需要使用

@import '~nativescript-theme-core/scss/sky';  // #theme variables

而不是

@import '~nativescript-theme-core/css/sky.css'; //notice the tilde