scss-Dateien können nicht in andere scss-Datei importiert werden

Question

Ich bin dabei, eine ACL zu erstellen, die "eckige Komponentenbibliothek". Die Idee besteht darin, eckige Komponenten zu erstellen, von denen einige auch ionische Merkmale verwenden. Diese Komponenten werden dann in das eigentliche Projekt exportiert, wo wir sie verwenden werden.

Unten ist die Baumstruktur:

diese variables.scss Datei Haupt-Stylesheets hat, mexins usw. Herausforderung, die ich im Moment bin vor ist, dass wenn ich versuche, diese zu importieren variables.scss Datei zu tick-tock.component.scss

Es gibt mir die folgende Fehlermeldung:

Ich habe

versucht

@import './variables.scss' 

auch

@import '../variables.scss' 

auch diese

@import 'variables.scss' 

aber seine nicht funktioniert.

Answer 1

an Ihrer Baumstruktur Sehen, wenn variables.scss in tick-tock.component.scss Import der richtige Pfad sollte offensichtlich sein:

@import '../../theme/variables';