编译器错误:从CSS选择器未定义开始

编译器错误:从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; }

我正在尝试使用Vercel主持我的React项目。但是我遇到了一个问题,这是我第一次看到这个问题!该项目位于Github中,我得到的错误是:

未能编译
无法读取未定义的属性“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;
  }
}