【问题标题】:Sass won't compile because of an "invisible" error由于“隐形”错误,Sass 无法编译
【发布时间】:2021-04-13 12:43:49
【问题描述】:

我正在为一个已有的项目实施指南针,该项目的 CSS 超过 3800 行。

这是它触发的错误:

>>> Change detected at 19:47:43 to: style.scss
    error sass/style.scss (Line 3807: Invalid CSS after "​": expected "{", was "")
overwrite css/style.css

这是来自第 3800 行:

.shake:hover {
    display:block;
    position:relative;
        
}
.shake.inline{
    display:inline-block 
}

知道我在这里缺少什么吗?

​-sassbin-

http://sassbin.com/gist/7324262/

-编辑-

通过删除所有空格:

第 3800 行:

.shake:hover {display:block;position:relative;}.shake.inline{display:inline-block;}​

错误改为:

overwrite css/style.css 
>>> Change detected at 20:11:12 to: style.scss
    error sass/style.scss (Line 3800: Invalid CSS after "...line-block;}​": expected "{", was "")

【问题讨论】:

  • “inline-block”后面的分号?
  • 这里没有足够的代码来重现问题。
  • @PaulTomblin 尝试过,但错误仍然存​​在(但在 } 之前应该不需要.. 我认为)
  • @cimmanon 检查更新与 sassbin :)
  • 您是否已经尝试删除.shake:hover{ 之间的空格?也许它不是一个常规空格,而是其他一些与 SASS 混淆的字符(如制表符、受保护的空格……)?

标签: sass


【解决方案1】:

如果您查看您的 sassbin,它实际上会告诉您问题出在哪里。在最后一个右花括号之后有一个隐藏字符,它恰好看起来像一个空格或换行符(sassbin 将其显示为一个中点)。

【讨论】:

  • 不错的收获!我必须删除最后一个卷曲,否则我不会删除它..谢谢! (但光标会停在那里按一次键)
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多