Question

编译此错误时抛出ass错误：

@keyframes flipInX

    from
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg)
        animation-timing-function: ease-in
        opacity: 0

    40%
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg)
        animation-timing-function: ease-in

    60%
        opacity: 1
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg)

    80%
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg)

    to
        transform: perspective(400px)

错误指向此行：

    ...
80%

transform：透视图（400px）rotate3d（1、0、0，-5deg）

to
    ...

在切换行或重新键入选项卡和/或新行键入后，此错误已在过去的不同地方抛出并消失了。这似乎是一个错误，这很烦人。我该如何解决？

P.S。如果可以帮助我，我正在研究Sublime Text 3 ...

Answer 1

在我看来，这是您的缩进。 Sass具有缩进语法–缩进等于使用{}。

在您的示例中，缺少缩进，因此无法正确编译代码。

将您的代码复制到CodePen中并为其缩进即可为我解决错误：

@keyframes flipInX
  from
      transform: perspective(400px) rotate3d(1, 0, 0, 90deg)
      animation-timing-function: ease-in
      opacity: 0
  40%
      transform: perspective(400px) rotate3d(1, 0, 0, -20deg)
      animation-timing-function: ease-in      
  60%
      opacity: 1
      transform: perspective(400px) rotate3d(1, 0, 0, 10deg)
  80%
      transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
  to
      transform: perspective(400px)

缩进由两个空格组成，没有制表符。

Answer 2

我在这里找到解决此问题的方法：How do I force Sublime Text to indent two spaces per tab?

问题出在我的编辑器中缩进不正确（感谢Daniel Sixl）。更改Sublime Text中的首选项可以解决此问题（希望它不再出现）。首选项是：

"tab_size": 2,
"translate_tabs_to_spaces": true,
"detect_indentation": false,

Sass错误：“ ... 0、0，-5deg）;}”之后的CSS无效：预期有1个选择器或规则，为“ {”

2 个答案: