在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规则(高,中,低),错误也会消失。
我应该对这些错误做些什么,以及如何调试这些类型的消息?
答案 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)
。这些应该相应地更新。