it-swarm.com.de

Angular CLI 7: Sass konnte nicht kompilieren

vor wenigen Augenblicken habe ich Angular Cli 7 installiert und mit dem Clean-Projekt begonnen 

ng new my-app

Ich habe den Precompiler SASS für css ausgewählt, aber wenn ich die Datei styles.sass bearbeite, funktioniert sie nicht, meine styles.sass sieht so aus

h1 { color: red }

zeigen Sie jedoch diese Nachricht

Fehler beim Kompilieren.

./src/styles.sass (./node_modules/@angular-devkit/build-angular/src/angular-cli-files/plugins/raw-css-loader.js!./node_modules/postcss-loader/src??embedded!./node_modules/sass -loader/lib/loader.js ?? ref - 14-3! ./ src/styles.sass) Modulerstellung fehlgeschlagen (von ./node_modules/sass-loader/lib/loader.js):

h1 {^ Ungültige CSS nach "h1 {": erwartet "}" war "{" in /Users/a/Documents/angular-projects/my-app/src/styles.sass (Zeile 1, Spalte 5)

wie man es repariert? und warum ist das passiert?

3
axlpl
  • Die CLI bietet ein Befehlszeilenflag, um Ihren Stil zu ändern, wenn Sie ein neues Projekt mit ng new my-app --style=scss erstellen. 

  • Wie Sie sehen, ist die Erweiterung .scss und nicht .sass (zumindest für die von Ihnen verwendete Syntax, die weniger ist).

  • Ihnen fehlt ein Semikolon h1 { color: red; }

  • Denken Sie daran, Ihre angular.json- und Komponentendateien entsprechend zu aktualisieren, wenn Sie kein neues Projekt erstellen, um dieses Problem zu beheben

2
trichetriche

dude ... Ich denke, dein sintaxe ist vielleicht falsch, siehe https://sass-lang.com/guide

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

Möglicherweise haben Sie Ihren Knoten aktualisiert. __ Versuchen Sie, Node-sass zu installieren

npm install node-sass

Weitere Informationen zu node-sass finden Sie unter https://www.npmjs.com/package/node-sass

0
Flavio Lima