Was würde dazu führen, dass eine Sass-Datei die Kompilierung aufgrund eines Zeilenumbruchs unterbricht?

Ich habe eine sass Datei: sitemap.scssWas würde dazu führen, dass eine Sass-Datei die Kompilierung aufgrund eines Zeilenumbruchs unterbricht?

Es enthält nur den folgenden (bis jetzt):

.hero { 
    height: 600px; 
    background: none; 
}

Ich bin mit großen Schluck-Sass, die bisher bis hat, zusammengestellt meine sass vollkommen in Ordnung.

Der Ausgabefehler, wenn diese Datei kompilieren liest als solche:

Error in plugin 'gulp-sass' 
Message: 
    assets/styles/source/components/sub-pages/sitemap.scss 
Error: Invalid CSS after ".hero {": expected "}", was "{" 
     on line 1 of assets/styles/source/components/sub-pages/sitemap.scss 
>> .hero { { 
    -------^ 

Details: 
    formatted: Error: Invalid CSS after ".hero {": expected "}", was "{" 
     on line 1 of assets/styles/source/components/sub-pages/sitemap.scss 
>> .hero { { 
    -------^ 

    column: 8 
    line: 1 
    file: /Users/dvasquez/Sites/workspace/Development/branch3/site.com/assets/styles/source/components/sub-pages/sitemap.scss 
    status: 1 
    messageFormatted: assets/styles/source/components/sub-pages/sitemap.scss 
Error: Invalid CSS after ".hero {": expected "}", was "{" 
     on line 1 of assets/styles/source/components/sub-pages/sitemap.scss 
>> .hero { { 
    -------^ 

    messageOriginal: Invalid CSS after ".hero {": expected "}", was "{" 
    relativePath: assets/styles/source/components/sub-pages/sitemap.scss

Jetzt ist hier, wo es seltsam bekommt. Wenn ich die gleiche Sass-Datei nehme und es so schreibe:

.hero { height: 600px; background: none; }

Es kompiliert einfach gut.

Ich nahm an, dies könnte eine Art Codierungsproblem sein, also löschte ich die Datei und erstellte eine neue. Gleicher Fehler. Hat jemand schon einmal so etwas erlebt? Ich habe viele andere Sass-Dateien in meinem Projekt und keines von ihnen zeigt dieses Verhalten.

Darüber hinaus habe ich auch versucht, ein Teil zu importieren, die die 4-Zeilen-Version der Datei enthalten und das hat auch gut funktioniert.

Alle Ideen würden sehr geschätzt werden.

Quelle

2016-06-25 David Vasquez

Haben Sie versucht, die Zeile zu löschen und neu zu tippen (nicht ausschneiden/einfügen Stil)? Die Fehlermeldungen scheinen darauf hinzudeuten, dass zwei "{" in der Zeile stehen. Sie können einen Hex-Editor verwenden, um nach ungewöhnlichen Zeichen zu suchen. – kicken

Klingt so, als würden Sie eingerückte SASS und nicht SCSS kompilieren. SASS verwendet keine Klammern, sondern verwendet Einzüge. Wenn Sie also die Klammern hinzufügen, wird eine zweite Klammer hinzugefügt und der Fehler wird ausgegeben. Wenn Sie es auf eine Zeile setzen, wird es als Standard-CSS erkannt. Überprüfen Sie Ihre Schluckeinstellungen und sehen Sie, ob Sie eingerückt Sass auf True gesetzt haben. – rachel

Kicken, ich bin so weit gegangen, die ganze Datei zu löschen, aber ja ich habe getestet, indem ich die Zeile gelöscht und neu geschrieben habe. Derselbe Fehler. Rachel, danke für den Vorschlag, aber ich stelle mir vor, wenn es sich um eingerückte SASS handelt, dann würden alle meine anderen scss-Dateien massiv ausfallen. Alles andere kompiliert einfach gut (wir sprechen 50-100 andere scss-Dateien mit Hunderten von Zeilen Code). Ich werde Ihren Vorschlag am Montag versuchen, nur für den Fall. Es ist wirklich verwirrend. Ich habe diese Art von Problem nie zuvor erlebt. –

Wie in @rachel's comment oben erwähnt, versuchen Sie indentedSyntax: false in Ihrer Schluck-Sass-Konfiguration zu setzen. Ich hatte genau die gleichen Fehler und das funktionierte für mich!

"sass": { 
    "indentedSyntax": false, //Set to false to allow standard SCSS syntax using braces. 
    "includePaths": [ 
    "./node_modules/normalize.css" 
    ] 
}

Quelle

2016-09-29 16:25:22

Was würde dazu führen, dass eine Sass-Datei die Kompilierung aufgrund eines Zeilenumbruchs unterbricht?

Antwort

Verwandte Themen