2016-07-15 26 views
0

Ich versuche meine erste eckige Anwendung zu bauen. Ich benutze Yeoman und Winkelgenerator. Die App laufen gut mit „Grunzen dienen“, aber wenn ich „Grunzen Build“ lief der Prozess stoppt mit dem Fehler -"Broken @ Import" Fehler mit Grunt Build?

Running "cssmin:generated" (cssmin) task 
Warning: Broken @import declaration of "" Use --force to continue. 

Aborted due to warnings. 

Ich bin nicht sicher, was die Ursache für diesen Fehler ist. Ich habe überall gesucht, konnte aber keine Lösung finden. Hier sind die CSS-Links -

<!-- build:css(.) styles/vendor.css --> 
    <!-- bower:css --> 
    <link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.css" /> 
    <link rel="stylesheet" href="bower_components/animate.css/animate.css" /> 
    <!-- endbower --> 
    <!-- endbuild --> 
    <!-- build:css(.tmp) styles/main.css --> 
    <link rel="stylesheet" href="styles/main.css"> 
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css"> 
    <link href="https://fonts.googleapis.com/css?family=Bungee|Carrois+Gothic+SC|Oswald" rel="stylesheet"> 
    <base href="/"> 
    <!-- endbuild --> 
+0

gesetzt werden Sie haben '@ import' Sätze in den Dateien, die das Problem verursacht. Aber da Sie es nicht mit uns teilen, können wir Ihnen nicht helfen. Ich stimme das als Offtop zu schließen> warum funktioniert dieser Code nicht? –

+0

Ich bin mir ziemlich sicher, dass ich @import nirgendwo in meinem Code geschrieben habe. Und ich habe kein Problem, den Code zu teilen, aber es gibt eine Menge, also war ich mir nicht sicher, welcher Teil hier angezeigt wird, was nützlich sein wird. – doctorsherlock

Antwort

0

ich den Fehler gefunden, musste ich einfach die Position der Link-Tags ändern. Es sollte sein -

<!-- build:css(.) styles/vendor.css --> 
    <!-- bower:css --> 
    <link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.css" /> 
    <link rel="stylesheet" href="bower_components/animate.css/animate.css" /> 
    <!-- endbower --> 
    <!-- endbuild --> 
    <!-- build:css(.tmp) styles/main.css --> 
    <link rel="stylesheet" href="styles/main.css"> 
    <!-- endbuild --> 
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css"> 
    <link href="https://fonts.googleapis.com/css?family=Bungee|Carrois+Gothic+SC|Oswald" rel="stylesheet"> 
    <base href="/"> 

Jetzt grunt build läuft gut. Also nur die main.css Datei muss zwischen <!-- build:css(.tmp) styles/main.css --> und <!-- endbuild -->