Angular Nativescript角度样式将scss文件拆分为两个特定于平台的scss文件（.android.scss/.ios.scss）

我已经修改了我的组件，将其转换为nativescript angular platform特定的SCSS one 并且正在工作（android平台/模拟器上的按钮背景为黄色，IOS one上的按钮背景为绿色，如SCSS文件中所指定），尽管它给了我一个错误：“错误：HostResourceResolver:无法解析。/auth.component.SCSS in context of”请参见下面（见所附图片）的auth.component.ts

我试过这样的方法：

@Component({
   selector: 'ns-auth',
   templateUrl: './auth.component.html',
    styleUrls: ['./auth.component.ios.scss', './auth.component.android.scss'],
   moduleId: module.id,
  })

但它不起作用。它只考虑最后一个（本例中为android），而忽略第一个（ios）

有什么办法可以解决这个问题吗

---

解决方案很简单，但并不明显（查找文档）。 我创建了一个空的auth.component.scss 这将用于公共财产

现在，结构如下图所示：