J'utilise Bootstrap 5 avec Angular et j'ajoute du style et du script à Angular.json mais le problème dans VS Code Il ne reconnaît pas les classes bootstrap.
13 Réponses :
Installez cette extension https://marketplace.visualstudio.com/ Éléments? itemName = ecmel.vscode-html-css
puis dans votre .vscode / settings.json:
{
"css.styleSheets": [
"https://cdn.jsdelivr.net/npm/bootstrap@5.0.0beta1/dist/css/bootstrap.min.css"
]
}
redémarrer vscode. Fonctionnait pour moi.
Désinstaller cette extension nommée "Support HTML CSS" puis recharger. Cela a fonctionné pour moi, j'espère que cela fonctionnerait aussi pour vous.
Je viens de recharger le code vs car l'extension a été mise à jour automatiquement et avait juste besoin d'un rechargement.
Le problème était toujours présent après le rechargement pour moi dans un projet Eleventy qui a utilisé un cadre CSS de Node_Modules. J'ai essayé d'autres réponses qui ont été données ici, mais dans aucune mesure. Je l'ai finalement corrigé en rétrograçant l'extension «HTML CSS Support» à V1.3.3
Oui, ils ont ajouté des validations CSS dans la version [1.5.0], qui pourraient moi dans l'état bêta ...
Je recevais le message "CSS Class Selector 'Muté par texte" Non trouvé ". Excellent, merci.
Vérifiez si l'extension "La prise en charge HTML CSS" a obtenu la mise à jour automatique. Si c'était le cas, il demandera le rechargement du code vs. Fais le. Avait exactement le même problème aujourd'hui.
qui n'a pas aidé.
On dirait que le problème aurait dû être résolu avec la prochaine version de l'extension, mais certains problèmes sont là. Vérifiez le github: https://github.com/ecmel/vscode-html-css/issues
En bref, ce que vous devez faire est d'accéder aux paramètres de code vs et de passer de "l'utilisateur" à "Workspace". Ensuite, tapez "Paramètres CSS" dans la barre de recherche des paramètres et ouvrez exactement la même option sous "Extensions". Cliquez sur "CSS: Feuilles de style", qui ouvriront les paramètres.json pour l'espace de travail et ajouteront vos chemins de fichiers CSS. J'espère que cela résoudra tous les problèmes pour vous.
Ne fonctionnant pas tout le temps, éteignez simplement la validation dans votre VScode Settings.json. Ajoutez ceci à la fin du fichier "css.validation": {"id": false, "class": false}
C'est mauvais que nous devons faire cette pensée. L'extension doit explorer tous les fichiers CSS / SCSS pour votre espace de travail.
Comme le dit les autres, désinstaller le support HTML CSS puis recharger le code. Vous pouvez utiliser Intellisense pour les noms de classe CSS dans HTML si vous le souhaitez, il fournit l'achèvement du nom de classe CSS pour l'attribut de classe HTML basé sur les définitions trouvées dans votre espace de travail ou vos fichiers externes référencés via l'élément de lien. Et vous donne une complétion automatique pour les définitions de classe CSS qui peuvent être trouvées dans votre espace de travail (défini dans les fichiers CSS ou dans les types de fichiers répertoriés dans la section des modes de langue pris en charge)
Éteignez simplement la validation CSS dans Settings.json.
Cela fonctionne pour moi, et je n'ai pas besoin de désinstaller l'extension
J'ai eu le même problème. Il s'est avéré être un problème avec la même extension de support HTML / CSS mentionnée dans cette réponse et cette réponse . Il semble qu'il y ait eu 7 versions différentes pour cette extension ces derniers jours. v1.3.3 semble être la dernière version de travail de l'extension.
est revenu à la v1.3.3 de l'extension de support 'html / css' jusqu'à ce qu'il soit trié 👍 Fonctionne sur ma machine 😂
d'abord désinstaller le support HTML CSS, puis le recharger et je suis sûr à 100% qu'il le fera Travaillez en fait la prise en charge de HTML CSS vérifie parfois votre code HTML CSS et donne une erreur s'il y a du faux positif
Si vous utilisez une version plus récente de HTML CSS Support (> = 1.5.0), vous pouvez ajouter les paramètres csss.validation à votre settings.json devrait effacer ce problème. N'oubliez pas de recharger le code vs après avoir modifié les paramètres.
Détrraquant l'extension «HTML CSS Support» à V1.3.3 résoudra le problème.
Problème avec l'extension "Support HTML CSS" Désinstaller ou utiliser une ancienne Verions.
J'utilise SCSS comme préprocesseur CSS dans le projet angulaire avec bootstrap5. J'ai installé le plugin suivant et le problème a été résolu.
scss partout < / p>
Maintenant, en utilisant Bootstrap 5 et Angular 13.2.2, l'extension de support HTML CSS ne fonctionne pas.
Cependant, Intellisensen pour les noms de classe CSS dans HTML Fonctionne pour moi