dart, weniger und @ import: FileError: 'file.less' nicht gefunden

Question

Ich entwickle eine Webanwendung in Dart, und ich habe zwei .less Dateien im selben Verzeichnis, und ich möchte eine Datei aus einer anderen importieren :

/* file1.less */ 
@red-color: red; 
@blue-color: blue; 

/* file2.less */ 
@import 'file1'; 
background { 
    background-color: @red-color; 
} 

Aber wenn ich pub server es druckt die folgende Fehlermeldung aus:

FileError: 'file1.less' wasn't found. Tried - file.less in - on line 1, column 1: 
1 @import 'file1'; 
..^ 
2 

Ist das ein Fehler? Verwende ich die @ import-Direktive falsch?

Answer 1

Standardmäßig verwenden Sie weniger relative Pfade. Also müssen wir die absolute URI angeben. Zum Beispiel:

/* absolute path to file1.less */ 
@import 'web/styles/file1'; 

Oder wenn wir eine Datei aus unserem Paket importieren möchten:

/* absolute path to file1.less */ 
@import 'packages/<project_name>/<path/to>/file1';