Question

在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＆amp; Minifier error 0：预期的右括号，找到＆＃39;，＆＃39; [C：\用户\ bassie \文件\ VSCode \ DSSTools \ DSSTools.csproj]

c：\ Users \ bassie \ Documents \ VSCode \ DSSTools \ wwwroot \ css \ site.min.css（22,34,22,34）：Bundler＆amp; Minifier error 0：预期的功能，找到＆＃39;，＆＃39; [C：\用户\ bassie \文件\ VSCode \ DSSTools \ DSSTools.csproj]

c：\ Users \ bassie \ Documents \ VSCode \ DSSTools \ wwwroot \ css \ site.min.css（22,38,22,38）：Bundler＆amp; Minifier error 0：预期的分号或结束的大括号，发现＆＃39;）＆＃39; [C：\用户\ bassie \文件\ VSCode \ DSSTools \ DSSTools.csproj]

c：\ Users \ bassie \ Documents \ VSCode \ DSSTools \ wwwroot \ css \ site.min.css（26,36,26,36）：Bundler＆amp; Minifier error 0：预期的右括号，找到＆＃39;，＆＃39; [C：\用户\ bassie \文件\ VSCode \ DSSTools \ DSSTools.csproj]

c：\ Users \ bassie \ Documents \ VSCode \ DSSTools \ wwwroot \ css \ site.min.css（26,36,26,36）：Bundler＆amp; Minifier error 0：预期的功能，找到＆＃39;，＆＃39; [C：\用户\ bassie \文件\ VSCode \ DSSTools \ DSSTools.csproj]

c：\ Users \ bassie \ Documents \ VSCode \ DSSTools \ wwwroot \ css \ site.min.css（26,40,26,40）：Bundler＆amp; Minifier error 0：预期的分号或结束的大括号，发现＆＃39;）＆＃39; [C：\用户\ bassie \文件\ VSCode \ DSSTools \ DSSTools.csproj]

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

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

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

Answer 1

我看到第一个错误是

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

你有

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

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

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

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

Answer 2

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

Answer 3

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

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

这些应该相应地更新。

Bundler＆amp;缩小器错误0：预期的右括号，找到＆＃39;，＆＃39;

3 个答案: