编译器错误:从CSS选择器未定义开始
我正在尝试使用Vercel主持我的React项目。但是我遇到了一个问题,这是我第一次看到这个问题!该项目位于Github中,我得到的错误是: 未能编译编译器错误:从CSS选择器未定义开始,css,vercel,Css,Vercel,我正在尝试使用Vercel主持我的React项目。但是我遇到了一个问题,这是我第一次看到这个问题!该项目位于Github中,我得到的错误是: 未能编译 无法读取未定义的属性“type” 编译器错误:从CSS选择器未定义开始 编辑: 经过一些调试,我发现问题出在这段代码上: Item.css: @keyframes item__overlay_hide { from { transform: rotate3d(0, 0, 0, 0turn); opacity: 1; }
无法读取未定义的属性“type”
编译器错误:从CSS选择器未定义开始 编辑:
经过一些调试,我发现问题出在这段代码上:
Item.css
:
@keyframes item__overlay_hide {
from {
transform: rotate3d(0, 0, 0, 0turn);
opacity: 1;
}
to {
transform: rotate3d(2, -1, -1, -0.2turn);
background-color: rgb(50, 155, 50);
opacity: 0;
}
}
@keyframes item__overlay_show {
from {
transform: rotate3d(2, -1, -1, -0.2turn);
background-color: rgb(50, 155, 50);
opacity: 0;
}
to {
transform: rotate3d(0);
opacity: 1;
}
}
非常感谢您的帮助谢谢 对于在这个问题上遇到障碍的人:
我刚把
旋转
换成角度
:发件人: 致:
从CSS文件中删除行,直到错误停止发生。那么你就知道是哪一部分导致了问题。我已经更新了问题!很高兴看到你能弄明白,我不会想到这可能是个问题。
@keyframes item__overlay_hide {
from {
transform: rotate3d(0, 0, 0, 0turn);
opacity: 1;
}
to {
transform: rotate3d(2, -1, -1, -0.2turn);
background-color: rgb(50, 155, 50);
opacity: 0;
}
}
@keyframes item__overlay_show {
from {
transform: rotate3d(2, -1, -1, -0.2turn);
background-color: rgb(50, 155, 50);
opacity: 0;
}
to {
transform: rotate3d(0);
opacity: 1;
}
}
@keyframes item__overlay_hide {
from {
transform: rotate3d(0, 0, 0, 0deg);
opacity: 1;
}
to {
transform: rotate3d(2, -1, -1, -72deg);
background-color: rgb(50, 155, 50);
opacity: 0;
}
}
@keyframes item__overlay_show {
from {
transform: rotate3d(2, -1, -1, -72deg);
background-color: rgb(50, 155, 50);
opacity: 0;
}
to {
transform: rotate3d(0, 0, 0, 0deg);
opacity: 1;
}
}