当mixin保存在单独的文件夹中时，Sass编译器抛出'undefined mixin'错误

下面是我的网站结构的屏幕截图。 Screenshot of project structure 当mixin保存在单独的文件夹中时，Sass编译器抛出'undefined mixin'错误

在我的mixins文件中，我创建了所有必要的sass mixins。

我创造了这个混入边境半径：

@mixin border-radius($radius) { 
    -webkit-border-radius: $radius; 
    -moz-border-radius: $radius; 
     -ms-border-radius: $radius; 
     -o-border-radius: $radius; 
      border-radius: $radius; 
}

现在，当我尝试在_button.scss模块文件夹使用我的按钮类，我得到了一个未定义变量错误。而当我在_button.scss文件中使用相同的mixin时，我不会收到任何错误。

在我_button.scss文件我已经包括混入作为下

button{ 
    background-color: $theme-color; 
    border: 0px solid; 
    padding: 0.7rem 3rem; 
    @include border-radius(2rem); 

}

问题是什么确切。我想把所有的mixin保存在一个单独的文件中，以保持结构整洁。

来源

2015-04-12 Arindam Dawn

萨斯不会抛出这个错误没有理由，这不是因为混入是“在一个单独的文件夹”。 – cimmanon

[为什么我会在Compass中得到“Undefined mixin'border-radius'”]（http://stackoverflow.com/questions/15422098/why-do-i-get-undefined-mixin-border-radius -in-compass） – cimmanon

，你必须包括与@include中混入或@import

http://sass-lang.com/documentation/file.SASS_REFERENCE.html#including_a_mixin

来源

2015-04-12 15:53:06

当我将mixin包含在同一个文件中时效果很好.. 但是当mixin位于单独模块文件夹中的单独_mixin.scss文件中时，即使在使用“@包括“声明。为什么这样？ –

$ project-path：absolute-path（“..”）;看看是否设置项目路径，使指南针正常工作 –

感谢您的建议:) –

当mixin保存在单独的文件夹中时，Sass编译器抛出'undefined mixin'错误

回答

相关问题