Gulp Sass预期标识符

vh0rcniy 于 2022-12-08 发布在 Gulp

关注(0)|答案(1)|浏览(141)

有谁能帮我解决这个大嘴巴错误吗？我正在运行谷歌的代码实验室，其中包括大嘴巴包。

[01:02:31] 'build:scss' errored after 117 ms
[01:02:31] Error in plugin "gulp-sass"
Message:
    app/styles/_categories.scss
Error: Expected identifier.
   ╷
50 │   %bg-#4285f4{
   │        ^
   ╵
  app/styles/_categories.scss 50:8    codelab-card()
  app/styles/_categories.scss 79:1    @import
  app/styles/_codelab-card.scss 18:9  @import
  app/styles/main.scss 22:9           root stylesheet
Details:
    formatted: Error: Expected identifier.
   ╷
50 │   %bg-#4285f4{
   │        ^

gulp

来源：https://stackoverflow.com/questions/72555015/gulp-sass-expected-identifier

1条答案

按热度按时间

oyjwcjzk1#

我在尝试运行gulp-sass来为GoogleCodelabs example site提供服务时也遇到了这个问题

问题

第50行中的sass interpolation syntax如下所示：

%bg-#{$color}

它就地展开$color，生成

.bg-#XXXXXX

请注意，字符“#”在css中是无效的标识符
修复
将颜色转换为字符串，然后去掉十六进制值（如answer中所述）

$stripped-color: str-slice(inspect($color), 2);

%bg-#{$stripped-color} {
    background-color: $color;
}
...

赞(0）回复(0）举报 2022-12-08

我来回答

Gulp Sass预期标识符

1条答案

问题

相关问题

热门标签

最新问答