首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >npm运行生成错误-无法读取未定义的属性'toLowerCase‘

npm运行生成错误-无法读取未定义的属性'toLowerCase‘
EN

Stack Overflow用户
提问于 2021-04-19 18:30:08
回答 2查看 89关注 0票数 0

当我尝试构建react应用程序时,出现以下错误:

代码语言:javascript
复制
Cannot read property 'toLowerCase' of undefined
CompileError: Begins at CSS selector .btn-white

我已经查看了论坛对这些问题的回答,并尝试删除所有名为btn-white的css类,但都没有成功,即使在运行npm clear之后,仍然是同样的错误。我有多个CSS文件,在模块和我的应用程序中,我不能逐个删除每个文件。

下面是所有使用btn-白色的css元素(不包括node_modules中的元素):

代码语言:javascript
复制
// buttons
    .btn {
      span {
        color: $white;
      }
      &.btn-white {
        span {
          color: $black;
        }
      }
      &.btn-icon {
        i {
          color: $white;
        }
      }
      &.btn-dark,
      &.btn-outline-dark,
      &.btn-flat-dark {
        color: $gray-600;
      }
      &.btn-dark {
        background-color: $gray-700 !important;
      }
      &.btn-outline-dark {
        border-color: $gray-700;
        color: $gray-600;
      }
      &.btn-flat-dark {
        &:active,
        &:focus {
          background: $gray-700;
        }
      }
      &.btn-white {
        color: $body-color;
      }
    }

// other file
  &.btn-white {
    color: $body-color;
    &:hover,
    &:focus,
    &:active {
      color: $body-color !important;
    }
  }

// for white button (other file)
.btn.btn-white ~ .dropdown-menu {
  .dropdown-item:not(.acitve):hover {
    color: $body-color !important;
  }
  .dropdown-item.active {
    color: $body-color;
  }
}

如何解决这个问题?谢谢你的帮助。

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2021-04-19 21:17:25

我设法找到了问题所在。我不得不回到进口,它花了我3个多小时。问题来自于这个类:.btn-#{$color_name}.btn-#{$color_type} (查找复杂)和删除所有!important。我希望您永远不会遇到同样的问题:)

票数 2
EN

Stack Overflow用户

发布于 2021-04-19 18:36:02

也许在你所有的CSS文件中查找"btn-white",似乎很多人如果他们得到了一些错误的CSS就会得到这个错误。Same Error

或者,您可以添加您的CSS文件的名称“btn-白色”访问?

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/67160289

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档