Gulp-Autoprefixer löst ReferenceError aus: Versprechen ist nicht definiert

81

Ich versuche, einen Schluck dazu zu bringen, meinen Sass zu kompilieren und dann automatisch zu fixieren, gulp-autoprefixeraber ich erhalte eine Fehlermeldung.

var gulp = require('gulp'),
    sass = require('gulp-sass'),
    autoprefixer = require('gulp-autoprefixer');

gulp.task('test', function(){
    gulp.src('_sass/main.sass')
        .pipe(sass())
        .pipe(autoprefixer()) 
        .pipe(gulp.dest('./assets/css')); 
});

Ich versuche dies auszuführen Gulpfile.jsund ich benutze:

"gulp": "~3.9.0",
"gulp-sass": "~2.0.4",
"gulp-autoprefixer": "~3.0.1",

und NPM-Version 1.3.10

Wenn ich gulp testrenne, bekomme ich folgendes: 

/home/matei/Tests/test-4/node_modules/gulp-autoprefixer/node_modules/postcss/lib/lazy-result.js:152
        this.processing = new Promise(function (resolve, reject) {
                              ^
ReferenceError: Promise is not defined
    at LazyResult.async (/home/matei/Tests/test-4/node_modules/gulp-autoprefixer/node_modules/postcss/lib/lazy-result.js:152:31)
    at LazyResult.then (/home/matei/Tests/test-4/node_modules/gulp-autoprefixer/node_modules/postcss/lib/lazy-result.js:75:21)
    at DestroyableTransform._transform (/home/matei/Tests/test-4/node_modules/gulp-autoprefixer/index.js:28:13)
    at DestroyableTransform.Transform._read (/home/matei/Tests/test-4/node_modules/gulp-autoprefixer/node_modules/through2/node_modules/readable-stream/lib/_stream_transform.js:172:10)
    at DestroyableTransform.Transform._write (/home/matei/Tests/test-4/node_modules/gulp-autoprefixer/node_modules/through2/node_modules/readable-stream/lib/_stream_transform.js:160:12)
    at doWrite (/home/matei/Tests/test-4/node_modules/gulp-autoprefixer/node_modules/through2/node_modules/readable-stream/lib/_stream_writable.js:326:12)
    at writeOrBuffer (/home/matei/Tests/test-4/node_modules/gulp-autoprefixer/node_modules/through2/node_modules/readable-stream/lib/_stream_writable.js:312:5)
    at DestroyableTransform.Writable.write (/home/matei/Tests/test-4/node_modules/gulp-autoprefixer/node_modules/through2/node_modules/readable-stream/lib/_stream_writable.js:239:11)
    at write (/home/matei/Tests/test-4/node_modules/gulp-sass/node_modules/through2/node_modules/readable-stream/lib/_stream_readable.js:623:24)
    at flow (/home/matei/Tests/test-4/node_modules/gulp-sass/node_modules/through2/node_modules/readable-stream/lib/_stream_readable.js:632:7)

Ich weiß nicht wirklich, was ich falsch mache. Funktioniert nicht, wenn ich sass oder plain css benutze. Ich denke ist etwas mit meinen Dateien.

node.js  npm  gulp  autoprefixer 
— Matei
quelle
1
Ich bin mir nicht sicher, was dies mit Sass (oder CSS) zu tun hat, wenn der Fehler von Autoprefixer ausgelöst wird.
— Cimmanon
2
Ich bin mir nicht sicher, ob dies die Lösung ist oder nicht ... aber Ihre NPM-Version ist veraltet. Versuchen Sie, npm und alle Ihre Pakete zu aktualisieren. Ich bin zuvor auf seltsame Macken wie diese gestoßen, während ich ältere Builds ausgeführt habe.
— Benjamin Solum

Antworten:

78

Hatte das gleiche Problem. Für mich hat das Aktualisieren des Knotens nicht funktioniert, aber das Hinzufügen am Anfang meiner Gulpfile hat Folgendes bewirkt:

require('es6-promise').polyfill();
— Chris Searles
quelle
Dies ist ein guter "Hotfix". Die bessere Lösung besteht darin, node.js zu aktualisieren (siehe die Antwort von @Matei)
— Mark
1
@MonkeyKing Wie ich in meiner Antwort sagte, hat das Aktualisieren des Knotens das Problem nicht gelöst
— Chris Searles
4
Welches Paket? Ich bekommecannot find module es6-promise
— Victor
3
@ Victor versuchen, npm install es6-promisein Ihrem Terminal zu laufen
— Michael
66

Ich habe node.js auf die neueste Version aktualisiert, indem ich:

# Using Ubuntu
curl -sL https://deb.nodesource.com/setup_4.x | sudo -E bash -
sudo apt-get install -y nodejs

für meine Ubuntu-Maschine, wie hier gezeigt .

Danach habe ich NPM aktualisiert mit:

sudo npm cache clean -f
sudo npm install -g n
sudo n stable

Wie hier gezeigt .

Jetzt fängt der gulp-autoprefixeran zu arbeiten aber ich habe einen Fehler von bekommen gulp-sass. Ich habe es mit dieser Anleitung aktualisiert:

  1. Löschen Sie Ihren Ordner node_modules
  2. Entfernen Sie gulp-sass aus Ihrer package.json-Datei
  3. Entfernen Sie node-sass aus Ihrer package.json-Datei (falls vorhanden)
  4. Führen Sie npm install gulp-sass --save-dev aus
  5. Aktualisieren Sie Ihre Gulp-Aufgabe nach Bedarf

Gefunden hier. Jetzt habe ich "gulp-sass": "^2.0.4"und dies hat alle meine Probleme behoben.

Vielen Dank für Rat und Hilfe.

— Matei
quelle
11
Sie können erhalten node-sassArbeiten mit npm rebuild node-sassnach dem Upgrade - Knoten.
— Hugh Grigg
hat einfach super funktioniert. Vielen Dank. Außerdem fordert die Konsolennachricht Sie auf, diesen Befehl auszuführen, wenn beim Ausführen der Aufgabe ein Fehler
— auftritt
1
Dies ist in der Tat ein NodeJS-Versionsproblem, siehe github.com/sindresorhus/gulp-autoprefixer/issues/45
— Tricasse
Gute Anweisungen. OS-agnostisch Anweisungen finden Sie unter nodesource.com/services/upgrade-self-service
— Kröte
Ich brauchte diese Schritte nicht: sudo npm cache clean -f sudo npm install -g n sudo n stableund habe das npm rebuild node-sassNode-Sass-Problem behoben. :)
— Edu Ruiz
29

Installieren Sie es6-versprechen an Ihrem Projektspeicherort, an dem package.json vorhanden ist

npm install es6-promise

Machen Sie dann die erste Zeile Ihrer gulpfile.js zum folgenden Code: 

var Promise = require('es6-promise').Promise;
— Hari Gillala
quelle
2

Dies beantwortet die Frage nicht direkt, kann jedoch für Personen nützlich sein, die diesen Fehler erhalten, wenn sie versuchen, das ionic 2-Lernprogramm auszuführen.

Wie aus anderen Antworten hervorgeht, es6-promisefehlt das Problem .

Beim Versuch, das ionic 2-Lernprogramm ( https://github.com/driftyco/ionic2-starter-tutorial ) zu starten, ist der gleiche Fehler aufgetreten: (Meine ionic 2-Version ist 2.0.0-beta.25 und das neueste Commit für das Lernprogramm lautet ed9ef2fcce887e4d1c08c375c849b06b8394bad7 )

Dies ist die Stapelverfolgung, die ich beim Versuch erhalten habe, die App auszuführen mit ionic serve:

Running 'serve:before' gulp task before serve
[18:37:00] Starting 'clean'...
[18:37:01] Finished 'clean' after 1.02 s
[18:37:01] Starting 'watch'...
[18:37:01] Starting 'sass'...
[18:37:01] Starting 'html'...
[18:37:01] Starting 'fonts'...
[18:37:01] Starting 'scripts'...
[18:37:01] Finished 'scripts' after 62 ms
[18:37:01] Finished 'html' after 72 ms
[18:37:01] Finished 'fonts' after 77 ms
Caught exception:
 ReferenceError: Promise is not defined
    at LazyResult.async (/home/stitakis/dev/playground/ionic2/myTutorial/node_modules/ionic-gulp-sass-build/node_modules/gulp-autoprefixer/node_modules/postcss/lib/lazy-result.js:157:31)
    at LazyResult.then (/home/stitakis/dev/playground/ionic2/myTutorial/node_modules/ionic-gulp-sass-build/node_modules/gulp-autoprefixer/node_modules/postcss/lib/lazy-result.js:79:21)
    at DestroyableTransform._transform (/home/stitakis/dev/playground/ionic2/myTutorial/node_modules/ionic-gulp-sass-build/node_modules/gulp-autoprefixer/index.js:24:6)
    at DestroyableTransform.Transform._read (/home/stitakis/dev/playground/ionic2/myTutorial/node_modules/ionic-gulp-sass-build/node_modules/gulp-autoprefixer/node_modules/through2/node_modules/readable-stream/lib/_stream_transform.js:159:10)
    at DestroyableTransform.Transform._write (/home/stitakis/dev/playground/ionic2/myTutorial/node_modules/ionic-gulp-sass-build/node_modules/gulp-autoprefixer/node_modules/through2/node_modules/readable-stream/lib/_stream_transform.js:147:83)
    at doWrite (/home/stitakis/dev/playground/ionic2/myTutorial/node_modules/ionic-gulp-sass-build/node_modules/gulp-autoprefixer/node_modules/through2/node_modules/readable-stream/lib/_stream_writable.js:313:64)
    at writeOrBuffer (/home/stitakis/dev/playground/ionic2/myTutorial/node_modules/ionic-gulp-sass-build/node_modules/gulp-autoprefixer/node_modules/through2/node_modules/readable-stream/lib/_stream_writable.js:302:5)
    at DestroyableTransform.Writable.write (/home/stitakis/dev/playground/ionic2/myTutorial/node_modules/ionic-gulp-sass-build/node_modules/gulp-autoprefixer/node_modules/through2/node_modules/readable-stream/lib/_stream_writable.js:241:11)
    at DestroyableTransform.ondata (/home/stitakis/dev/playground/ionic2/myTutorial/node_modules/ionic-gulp-sass-build/node_modules/gulp-sass/node_modules/through2/node_modules/readable-stream/lib/_stream_readable.js:531:20)
    at DestroyableTransform.EventEmitter.emit (events.js:95:17)

Wie aus anderen Antworten hervorgeht, können Sie dies wie folgt lösen:

  1. bearbeiten Sie gulpfile.js und fügen Sie in Zeile 6 hinzu: require('es6-promise').polyfill();

  2. Installieren Sie die fehlende Abhängigkeit mit: npm install es6-promise --save

Nach diesen Änderungen wurde das Problem behoben und ich konnte den lokalen Server starten.

— Stitakis
quelle
Dies hat das Problem für mich behoben. Alles, was ich tun musste, war, das npm install es6-versprechen mit --save zu verwenden und dieses Erfordernis mit .pollyfill zu verwenden. Die Verwendung von .Promise () wie in einem Markisen oben hat bei mir nicht funktioniert.
— Killstreet
Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.