使用 Angular 和 bootstrap 5 beta 找不到 VS 代码 CSS 类选择器答案

【问题标题】：VS code CSS class selector not found with angular and bootstrap 5 beta使用 Angular 和 bootstrap 5 beta 找不到 VS 代码 CSS 类选择器
【发布时间】：2021-04-04 03:04:41
【问题描述】：

我正在使用带有 angular 的 bootstrap 5，我将样式和脚本添加到 angular.json 但 VS Code 中的问题它无法识别引导类。

【问题讨论】：

标签： angular visual-studio-code vscode-extensions bootstrap-5

【解决方案1】：

卸载这个名为“HTML CSS Support”的扩展，然后重新加载。它对我有用，我希望它也对你有用。

【讨论】：

我刚刚重新加载了 VS Code，因为扩展是自动更新的，只需要重新加载。
在一个使用 node_modules 的 CSS 框架的 110 个项目中为我重新加载后问题仍然存在。我尝试了这里给出的其他答案，但没有任何程度。我终于通过将“HTML CSS 支持”扩展降级到 v1.3.3 来修复它
是的，他们在 [1.5.0] 版本中添加了 css 验证，这可能让我处于 beta 状态...
我收到消息“未找到 CSS 类选择器'文本静音'”。非常感谢。

【解决方案2】：

我遇到了同样的问题。原来是this answer 和this answer 中提到的相同“HTML/CSS 支持”扩展存在问题。在过去的几天里，该扩展似乎有 7 个不同的版本。 v1.3.3 似乎是该扩展的最新工作版本。

【讨论】：

【解决方案3】：

恢复到“HTML/CSS 支持”扩展的 v1.3.3 直到排序 ? 在我的机器上工作?

【讨论】：

【解决方案4】：

检查扩展“HTML CSS 支持”是否自动更新。如果是这样，那么它将要求重新加载 VS Code。去做吧。今天遇到了完全相同的问题。

更新

这没有帮助。

看起来问题应该在下一个扩展版本中解决，但仍然存在一些问题。检查github： https://github.com/ecmel/vscode-html-css/issues

简而言之，您需要做的就是进入 VS Code 设置，从“用户”切换到“工作区”。然后在设置搜索栏中输入“css settings”并在“Extensions”下打开完全相同的选项。单击“CSS：样式表”，这将打开工作区的 settings.json 并在那里添加您的 CSS 文件路径。希望它能为您解决所有问题。

【讨论】：

不能一直工作，只需在 vscode settings.json 中关闭验证即可。在文件末尾添加 "css.validation": { "id": false, "class": false }
我们不得不这样想，这很糟糕。扩展应该探索您工作区的所有 css/scss 文件。

【解决方案5】：

安装这个扩展https://marketplace.visualstudio.com/items?itemName=ecmel.vscode-html-css

然后在您的 .vscode/settings.json 中：

{
  "css.styleSheets": [
    "https://cdn.jsdelivr.net/npm/bootstrap@5.0.0beta1/dist/css/bootstrap.min.css"
  ]
}

重启 vscode。为我工作。

【讨论】：

【解决方案6】：

如果您使用较新版本的 HTML CSS 支持 (>= 1.5.0)，您可以将以下 css.validation 设置添加到您的 settings.json，这应该可以解决此问题。不过不要忘记在更改设置后重新加载 VS Code。

【讨论】：

【解决方案7】：

将“HTML CSS 支持”扩展降级到 v1.3.3 将解决此问题。

【讨论】：

【解决方案8】：

正如其他人所说，卸载 HTML CSS Support 然后重新加载 VS 代码。如果需要，您可以使用 IntelliSense 用于 HTML 中的 CSS 类名，它根据在工作区中找到的定义或通过链接元素引用的外部文件为 HTML 类属性提供 CSS 类名补全。并为您提供可在您的工作区中找到的 CSS 类定义的自动完成功能（在 CSS 文件或支持的语言模式部分中列出的文件类型中定义）

【讨论】：

【解决方案9】：

首先卸载 HTML CSS 支持，然后重新加载它我 100% 确定它会实际工作 HTML CSS 支持有时会检查您的 HTML CSS 代码并在有误报时给出错误

【讨论】：

【解决方案10】：

扩展“HTML CSS 支持”的问题卸载它或使用旧版本。

【讨论】：

【解决方案11】：

我在带有 Bootstrap5 的 Angular 项目中使用 SCSS 作为 CSS 预处理器。我安装了以下插件，问题就解决了。

SCSS Everywhere

【讨论】：

【解决方案12】：

只需在 settings.json 中关闭 CSS 验证即可。

【讨论】：

对我有用，不需要卸载扩展