无法读取属性'；toLowerCase'；为生产构建SASS时未定义的_Sass

无法读取属性'；toLowerCase'；为生产构建SASS时未定义的

sass

无法读取属性'；toLowerCase'；为生产构建SASS时未定义的,sass,Sass,因此，当我运行纱线构建时，我会遇到这种情况： Creating an optimized production build... Failed to compile. Cannot read property 'toLowerCase' of undefined CompileError: Begins at CSS selector .checkbox.checkbox-accent>span 我追踪到了这个SCSS区域： &.checkbox-accent {

因此，当我运行

纱线构建

时，我会遇到这种情况：

Creating an optimized production build...
Failed to compile.

Cannot read property 'toLowerCase' of undefined
CompileError: Begins at CSS selector .checkbox.checkbox-accent>span

我追踪到了这个SCSS区域：

    &.checkbox-accent {
        > span {
            border-width: get($checkbox-config, types, accent, borderWidth) !important;
            border-style: solid !important;
            background-color: transparent !important;

            &:after {
                display: block;
            }
        }
    }

当注释掉这一点时，

纱线构建

不会出错。我正在寻找关于这个错误可能原因的建议。

我对一个名为Metronic的主题也有同样的问题。get函数本身从SCSS映射中获取嵌套值。映射

$checkbox config

中没有重音值，默认情况下为：

// Checkbox
$checkbox-config: (
    transition: all 0.3s ease,
    itemSpace: 1rem,
    labelSpace: 0.75rem,
    inlineItemSpace: 0.35rem,
    types: (
        solid: (
            theme: (
                base-color: $gray-200
            ),
            sizes: (
                default: (
                    base: 18px,
                    tick: 10px,
                ),
                lg: (
                    base: 24px,
                    tick: 12px,
                )
            )
        ),
        outline: (
            theme: (
                base-color: $gray-400
            ),
            sizes: (
                default: (
                    base: 18px,
                    tick:  10px,
                ),
                lg: (
                    base: 24px,
                    tick: 12px,
                )
            )
        )
) !default;

如您所见，没有属性

（根）>类型>重音>边框宽度

要解决此问题，请将变量修改为以下值（从单选按钮获取的像素值以保持样式）：

我对一个叫做Metronic的主题也有同样的问题。get函数本身从SCSS映射中获取嵌套值。映射

$checkbox config

中没有重音值，默认情况下为：

// Checkbox
$checkbox-config: (
    transition: all 0.3s ease,
    itemSpace: 1rem,
    labelSpace: 0.75rem,
    inlineItemSpace: 0.35rem,
    types: (
        solid: (
            theme: (
                base-color: $gray-200
            ),
            sizes: (
                default: (
                    base: 18px,
                    tick: 10px,
                ),
                lg: (
                    base: 24px,
                    tick: 12px,
                )
            )
        ),
        outline: (
            theme: (
                base-color: $gray-400
            ),
            sizes: (
                default: (
                    base: 18px,
                    tick:  10px,
                ),
                lg: (
                    base: 24px,
                    tick: 12px,
                )
            )
        )
) !default;

如您所见，没有属性

（根）>类型>重音>边框宽度

要解决此问题，请将变量修改为以下值（从单选按钮获取的像素值以保持样式）：

您可以添加

get（）

函数的源代码。乍一看，这看起来很干净。您可以添加

get（）

函数的源代码。乍一看，这看起来很干净。