Question

我的gulp设置会产生以下错误：

assets\styles\core\_z-indexes.scss
Error: unclosed parenthesis
        on line 2 of assets/styles/core/_z-indexes.scss
>>   mobile_menu: 40;
   ---------------^

以下是相关文件的内容。怎么了？

$zIndexes: (
  mobile_menu: 40; 
);

@function getIndex($zIndexName) {
  @return map-get($zIndexes, $zIndexName);
}

Answer 1

请勿在地图中使用分号，并使用逗号,分隔值，并保留最后一个分号。

$zIndexes: (
  mobile_menu: 40
);

@function getIndex($zIndexName) {
  @return map-get($zIndexes, $zIndexName);
}

如果不是这样，可以将'mobile_menu'放在引号中。

Answer 2

如果您使用的是缩进语法，则可以在地图位于多行时收到此错误。一种解决方案是在.scss文件中定义您的地图，并在.sass文件中使用它。

请参阅：https://github.com/sass/sass/issues/1088

为什么我在这个SASS线路上出现“未闭合的括号”错误？

2 个答案: