sass - 为什么这个 SASS 行会出现 "unclosed parenthesis"错误？

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

不要在 map 中使用分号，用逗号 , 分隔值并保持最后一个打开。

$zIndexes: (
  mobile_menu: 40
);

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

如果不是，则可能会将您的 'mobile_menu' 放在引号中。