Bundler&缩小器错误0:预期的右括号,找到','

时间:2018-01-28 23:01:05

标签: css visual-studio-code .net-core

在VSCode中调试我的ASP .NET Core应用程序时,我遇到了一些非常烦人的错误。

它似乎与我的css bundler / minifier有关,但我不知道这是怎么可能的,因为星期五下午工作正常,但今天早上它有问题。

我的css看起来像这样:

body {
    padding-top: 50px;
    padding-bottom: 20px;
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Hide/rearrange for smaller screens */
@media screen and (max-width: 767px) {
    /* Hide captions */
    .carousel-caption {
        display: none;
    }
}

.high {
    background-color: rgb(255,0,0,0.5);
}

.medium {
    background-color: rgb(255,255,0,0.5);
}

.low {
    background-color: whitesmoke;
}

#test {
    background: blue;
}

当我尝试调试时,我收到了这些错误

  

c:\ Users \ bassie \ Documents \ VSCode \ DSSTools \ wwwroot \ css \ site.min.css(22,34,22,34):Bundler& Minifier error 0:预期的右括号,找到',' [C:\用户\ bassie \文件\ VSCode \ DSSTools \ DSSTools.csproj]

     

c:\ Users \ bassie \ Documents \ VSCode \ DSSTools \ wwwroot \ css \ site.min.css(22,34,22,34):Bundler& Minifier error 0:预期的功能,找到',' [C:\用户\ bassie \文件\ VSCode \ DSSTools \ DSSTools.csproj]

     

c:\ Users \ bassie \ Documents \ VSCode \ DSSTools \ wwwroot \ css \ site.min.css(22,38,22,38):Bundler& Minifier error 0:预期的分号或结束的大括号,发现')' [C:\用户\ bassie \文件\ VSCode \ DSSTools \ DSSTools.csproj]

     

c:\ Users \ bassie \ Documents \ VSCode \ DSSTools \ wwwroot \ css \ site.min.css(26,36,26,36):Bundler& Minifier error 0:预期的右括号,找到',' [C:\用户\ bassie \文件\ VSCode \ DSSTools \ DSSTools.csproj]

     

c:\ Users \ bassie \ Documents \ VSCode \ DSSTools \ wwwroot \ css \ site.min.css(26,36,26,36):Bundler& Minifier error 0:预期的功能,找到',' [C:\用户\ bassie \文件\ VSCode \ DSSTools \ DSSTools.csproj]

     

c:\ Users \ bassie \ Documents \ VSCode \ DSSTools \ wwwroot \ css \ site.min.css(26,40,26,40):Bundler& Minifier error 0:预期的分号或结束的大括号,发现')' [C:\用户\ bassie \文件\ VSCode \ DSSTools \ DSSTools.csproj]

如果我删除所有的CSS,错误就会消失。

我还注意到,如果我只删除3个css规则(高,中,低),错误也会消失。

我应该对这些错误做些什么,以及如何调试这些类型的消息?

3 个答案:

答案 0 :(得分:2)

我看到第一个错误是

  

预期的右括号,找到','

你有

background-color: rgb(255,0,0,0.5);

在几个地方。该版本 - rgb - 不期望alpha值,并且可能会引发所有错误。找到期望右括号的句点。尝试:

background-color: rgba(255,0,0,0.5);

代替你的.high和.medium声明。

答案 1 :(得分:1)

这愚蠢的事情浪费了很多时间。只需从 bundleconfig.json 中删除有问题的项目并进行构建即可。它将成功。然后将项目添加回 bundleconfig.json 并再次构建。它应该成功。

答案 2 :(得分:0)

根据我的经验,我发现这是由以下原因引起的:

  • rgb 具有四个值的颜色,例如,rgb(255, 122, 122, 0.15);
  • rgba 颜色具有只有三个值,例如,rgba(255, 122, 122)

这些应该相应地更新。