Question

我正在使用一个非常基本的CSS文件来设置我的react应用的样式，但是当我尝试在其上运行npm run build时，我在第1行第35列收到了解析错误。

这是导致问题的部分：

@keyframes jiggleLink {
  0%, 100%{
    transform: translate(0px, 0px);
  }
  25%{
    transform: translate(var(--jiggle-skew), 0);
  }
  75%{
    transform: translate(calc(var(--jiggle-skew)*-1), 0);
  }
}

为什么这会导致错误？

Answer 1

问题是您的最终transform规则的特定片段：)*-1。您需要将运算符与乘数分开，以便编译器正确解析它，因为您使用的是负值，也可以解释为-运算符。

只需将其更改为)* -1就可以解决问题，但是为了与CSS calc函数的使用方式一致（在浏览器中{{1 }}或+运算符没有被空格包围），这可能更好：

尝试运行create-react-app构建

1 个答案: