Comment corriger les erreurs « aucun fichier ou répertoire de ce type » lors de la migration d'Angular-CLI de CSS vers SCSS ?

Dépannage des erreurs : conversion d'Angular-CLI de CSS en SCSS

Lors de la transition d'un projet Angular-CLI des styles CSS traditionnels vers SCSS, vous peut rencontrer une erreur indiquant "aucun fichier ou répertoire de ce type, ouvrez '/Users/Egen/Code/angular/src/styles.css'".

Pour Angular 6 et supérieur :

• Selon la documentation officielle , utilisez la commande suivante :

ng config defaults.styleExt=scss

Pour Angular 5.x et Plus ancien :

• Si vous recevez un message d'erreur concernant « La valeur est introuvable », exécutez la commande suivante :

ng config schematics.@schematics/angular:component.styleext scss

Étapes supplémentaires :

1. Renommer les fichiers CSS : Convertir les fichiers existants Fichiers .css en .scss (par exemple, styles.css en styles.scss).
2. Ajuster la CLI : Configurez la CLI pour reconnaître les styles.scss en modifiant manuellement angulaire.json (pour Angular 6) ou .angular-cli.json (pour Angular 6) 5.x).
3. Modifier les styles de composants : Mettez à jour la propriété styleUrls dans les composants pour qu'elle corresponde aux nouveaux noms de fichiers SCSS.

Pour les nouveaux projets :

• Lors de la création d'un nouveau projet, précisez le style tapez :

ng new your-project-name --style=scss

• Définissez globalement l'extension de style par défaut :

ng config --global defaults.styleExt=scss

En mettant en œuvre ces étapes, vous devriez être en mesure de convertir avec succès votre Angular -Projet CLI de CSS à SCSS.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!