Bundler 和 Minifier 错误 0：需要右括号，但找到了 ','

Question

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

它似乎与我的 css 捆绑器/压缩器有关，但我不知道这是怎么可能的，因为周五下午它工作正常，但今天早上却出现了问题。

我的 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 错误 0: 预期右括号，找到 ',' [c:\用户\bassie\Documents\VSCode\DSSTools\DSSTools.csproj]

c:\Users\bassie\Documents\VSCode\DSSTools\wwwroot\css\site.min.css(22,34,22,34): Bundler & Minifier 错误 0: 预期功能，找到 ',' [c:\Users \bassie\Documents\VSCode\DSSTools\DSSTools.csproj]

c:\Users\bassie\Documents\VSCode\DSSTools\wwwroot\css\site.min.css(22,38,22,38): Bundler & Minifier 错误 0: 预期的分号或结束大括号，找到 ')' [c:\Users\bassie\Documents\VSCode\DSSTools\DSSTools.csproj]

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

c:\Users\bassie\Documents\VSCode\DSSTools\wwwroot\css\site.min.css(26,36,26,36): Bundler & Minifier 错误 0: 预期功能，找到 ',' [c:\Users \bassie\Documents\VSCode\DSSTools\DSSTools.csproj]

c:\Users\bassie\Documents\VSCode\DSSTools\wwwroot\css\site.min.css(26,40,26,40): Bundler & Minifier 错误 0: 预期的分号或结束大括号，找到 ')' [c:\Users\bassie\Documents\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并再次构建。它应该成功。