当我尝试构建react应用程序时,出现以下错误:
Cannot read property 'toLowerCase' of undefined
CompileError: Begins at CSS selector .btn-white我已经查看了论坛对这些问题的回答,并尝试删除所有名为btn-white的css类,但都没有成功,即使在运行npm clear之后,仍然是同样的错误。我有多个CSS文件,在模块和我的应用程序中,我不能逐个删除每个文件。
下面是所有使用btn-白色的css元素(不包括node_modules中的元素):
// 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;
}
}如何解决这个问题?谢谢你的帮助。
发布于 2021-04-19 21:17:25
我设法找到了问题所在。我不得不回到进口,它花了我3个多小时。问题来自于这个类:.btn-#{$color_name}.btn-#{$color_type} (查找复杂)和删除所有!important。我希望您永远不会遇到同样的问题:)
https://stackoverflow.com/questions/67160289
复制相似问题