css - `JS: Error: Css styling failed: missing ' { nativescript-dev-sass 插件中的 '`

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.scss 编译得到的 app.css 文件有以下行:

@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