dart，less和@import：FileError：找不到'file.less'

Question

我正在使用dart开发一个Web应用程序，我在同一目录中有两个.less个文件，我想从另一个文件中导入一个文件：

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

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

但是当我运行pub server时，它会输出以下错误：

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

这是一个错误吗？我是以错误的方式使用@import指令吗？

Answer 1

默认情况下，不要使用相对路径。所以我们必须指出绝对的uri。例如：

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

或者，如果我们要从我们的包中导入文件：

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