web-dev-qa-db-fra.com

Angular CLI 7: Echec de la compilation de Sass

il y a quelques instants, j'ai installé Angular Cli 7 et lancé un projet propre en 

ng new my-app

J'ai sélectionné le précompilateur SASS pour les CSS, mais lorsque je modifie le fichier styles.sass, cela ne fonctionne pas, mon styles.sass ressemble à ceci

h1 { color: red }

mais ng servir montrer ce message

Échec de la compilation.

./src/styles.sass (./node_modules/@angular-devkit/build-angular/src/angular-cli-files/plugins/raw-css-loader.js!./node_modules/postcss-loader/src??embedded !, -loader/lib/loader.js ?? ref - 14-3! ./ src/styles.sass) La construction du module a échoué (à partir de ./node_modules/sass-loader/lib/loader.js):

h1 {^ CSS non valide après "h1 {": attendu "}", était "{" dans /Users/a/Documents/angular-projects/my-app/src/styles.sass (ligne 1, colonne 5)

comment le réparer? et pourquoi c'est arrivé?

javascriptangularsassangular-cli
3
axlpl

  • La CLI propose un indicateur de ligne de commande permettant de modifier votre style lors de la création d'un projet avec ng new my-app --style=scss. 

  • Comme vous pouvez le constater, l’extension est .scss, pas .sass (du moins pour la syntaxe que vous utilisez, qui est MOINS).

  • Il vous manque un point-virgule h1 { color: red; }

  • N'oubliez pas de mettre à jour votre angular.json et les fichiers de composant en conséquence si vous ne recréez pas un nouveau projet pour le résoudre.

2
trichetriche

mec ... je pense que ton pseudonyme est peut-être faux, regarde https://sass-lang.com/guide tu devrais utiliser

h1
   color: red,
   align: center
   ...
1
Eduardo Rocha

Peut-être parce que vous avez mis à niveau votre nœud . Essayez d'installer node-sass.

npm installer node-sass

Plus de détails sur node-sass on https://www.npmjs.com/package/node-sass

0
Flavio Lima