I've been diving into the world of NativeScript and exploring the tutorials provided at . However, I'm facing an issue with getting the platform specific CSS to work properly. Every time I try to run the code, I encounter the following error message: "Error: Could not resolve app.component.common.css. Looked for: /data/data/org.nativescript.portalestapp/files/app/app.component.common.css."
Here is how my files are structured:
https://i.sstatic.net/tCMbf.png
app.component.ts
@Component({
selector: "ns-app",
moduleId: module.id,
templateUrl: "app.component.html",
styleUrls: ["app.component.css"]
})
app.component.common.css
.page{
background-color: #F4F5F7;
font-family:Poppins-Regular, Poppins
}
app.component.android.css
@import './app.component.common.css';
.page {
background-color: blue;
}
Although I have followed the guide step by step, I am unsure where I might have gone wrong.