Селектор класса CSS кода VS не найден с бета-версией angular и bootstrap 5
Я использую bootstrap 5 с angular и добавляю стиль и скрипт в angular.json, но проблема в VS Code не распознает классы начальной загрузки.
Ответы 13
Установите это расширение https://marketplace.visualstudio.com/items?itemName=ecmel.vscode-html-css
Затем в вашем .vscode/settings.json:
{
"css.styleSheets": [
"https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
]
}
Перезапустите vscode. Работал на меня.
Удалите это расширение под названием «Поддержка HTML CSS», а затем перезагрузите его. Это сработало для меня, я надеюсь, что это сработает и для вас.
Проблема все еще присутствовала после перезагрузки для меня в одиннадцатом проекте, в котором использовалась структура CSS из node_modules. Я пробовал другие ответы, которые были даны здесь, но не в такой степени. Я, наконец, исправил это, понизив расширение «Поддержка HTML CSS» до версии 1.3.3.
Да, в версии [1.5.0] они добавили проверки css, которые могут быть мне доступны в бета-версии...
Я получал сообщение «Селектор класса CSS« с отключенным текстом »не найден». Отлично спасибо.
Проверьте, обновилось ли расширение «Поддержка HTML CSS» автоматически. Если это так, то он попросит перезагрузить VS Code. Сделай это. Сегодня была точно такая же проблема.
Обновлять
Это не помогло.
Похоже, проблема должна была быть решена в следующем выпуске расширения, но все же некоторые проблемы все же есть. Проверьте гитхаб: https://github.com/ecmel/vscode-html-css/issues
Короче говоря, вам нужно перейти в настройки VS Code и переключиться с «Пользователь» на «Рабочее пространство». Затем введите «Настройки css» в строке поиска настроек и откройте ту же самую опцию в разделе «Расширения». Нажмите «CSS: Таблицы стилей», чтобы открыть settings.json для рабочей области и добавить туда пути к файлам CSS. Надеюсь, это решит все проблемы для вас.
не работает все время, просто отключите проверку в настройках vscode.json. Добавьте это в конец файла "css.validation": { "id": false, "class": false }
Плохо, что мы должны думать об этом. Расширение должно исследовать все файлы css/scss для вашего рабочего пространства.
Как говорят другие, удалите поддержку HTML CSS, а затем перезагрузите код VS. Вы можете использовать IntelliSense для имен классов CSS в HTML, если хотите, он обеспечивает завершение имени класса CSS для атрибута класса HTML на основе определений, найденных в вашей рабочей области или во внешних файлах, на которые ссылается элемент ссылки. И дает вам автозаполнение для определений классов CSS, которые можно найти в вашей рабочей области (определенные в файлах CSS или в типах файлов, перечисленных в разделе «Поддерживаемые языковые режимы»).
Просто отключите проверку CSS в settings.json.
это работает для меня, и мне не нужно удалять расширение
У меня такая же проблема. Оказалось, что это проблема с тем же расширением «Поддержка HTML/CSS», упомянутым в этом ответе и этом ответе. Похоже, за последние несколько дней было выпущено 7 различных выпусков этого расширения. v1.3.3 кажется последней рабочей версией расширения.
Возврат к версии 1.3.3 расширения «Поддержка HTML/CSS» до сортировки 👍 Работает на моей машине 😂
сначала удалите поддержку HTML CSS, а затем перезагрузите ее, и я на 100% уверен, что она будет работает на самом деле Поддержка HTML CSS иногда проверяет ваш код HTML CSS и выдает ошибку, если есть ложное срабатывание
Если вы используете более новую версию поддержки HTML CSS (>= 1.5.0), вы можете добавить следующие css.validation настройки в settings.json, которые должны решить эту проблему. Не забудьте перезагрузить VS Code после изменения настроек.
Понижение версии расширения «Поддержка HTML CSS» до версии 1.3.3 решит проблему.
Проблема с расширением «Поддержка HTML CSS» Удалите его или используйте более старую версию.
Я использую SCSS в качестве препроцессора CSS в проекте Angular с Bootstrap5. Я установил следующий плагин, и проблема была решена.
Теперь, используя bootstrap 5 и angular 13.2.2, расширение поддержки HTML CSS не работает.
Тем не менее, IntelliSense для имен классов CSS в HTML работает для меня
Я только что перезагрузил VS Code, потому что расширение было обновлено автоматически и просто нуждалось в перезагрузке.