Gulp-autoprefixer ném ReferenceError: Promise không được xác định

Question 1

Tôi cố gắng thực hiện một trình biên dịch gulp của mình sau đó autoprefixit với gulp-autoprefixernhưng tôi gặp lỗi.

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')); 
});

Tôi đang cố gắng chạy cái này Gulpfile.jsvà tôi đang sử dụng:

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

và phiên bản NPM 1.3.10

Khi tôi chạy gulp testtôi nhận được điều này:

/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)

Tôi thực sự không biết mình đang làm gì sai. Không hoạt động khi tôi sử dụng sass hoặc css đơn giản. Tôi nghĩ rằng đó là một cái gì đó với các tệp của tôi.

Question 2

Có cùng một vấn đề. Đối với tôi, cập nhật nút không hoạt động nhưng việc thêm nút này vào đầu gulpfile của tôi đã làm:

require('es6-promise').polyfill();

Question 3

Tôi đã cập nhật node.js lên phiên bản mới nhất bằng cách sử dụng:

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

cho máy Ubuntu của tôi, như được hiển thị ở đây .

Sau đó, tôi đã cập nhật NPM bằng cách sử dụng:

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

Như hình ở đây .

Bây giờ gulp-autoprefixerbắt đầu hoạt động nhưng tôi gặp lỗi từ gulp-sass. Tôi đã cập nhật nó bằng cách sử dụng hướng dẫn này:

Xóa thư mục node_modules của bạn
Xóa gulp-sass khỏi tệp package.json của bạn
Xóa node-sass khỏi tệp package.json của bạn (nếu bạn có nó trong đó)
Chạy npm install gulp-sass --save-dev
Cập nhật tác vụ Gulp của bạn theo yêu cầu

Tìm thấy ở đây . Bây giờ tôi có "gulp-sass": "^2.0.4"và điều này đã khắc phục tất cả các vấn đề của tôi.

Cảm ơn đã tư vấn và giúp đỡ.

Question 4

Cài đặt es6-promise ở vị trí dự án của bạn, nơi tồn tại package.json

npm install es6-promise

Sau đó, tạo dòng đầu tiên của gulpfile.js là mã sau:

var Promise = require('es6-promise').Promise;

Question 5

Điều này không trả lời câu hỏi trực tiếp nhưng nó có thể hữu ích cho những người gặp lỗi này khi cố gắng chạy hướng dẫn ionic 2.

Như đã chỉ ra bởi các câu trả lời khác, vấn đề es6-promiselà bị thiếu.

Tôi gặp lỗi tương tự khi cố gắng bắt đầu hướng dẫn ionic 2 ( https://github.com/driftyco/ionic2-starter-tutorial ): (phiên bản ionic 2 của tôi là 2.0.0-beta.25 và cam kết hướng dẫn mới nhất là ed9ef2fcce887e4d1c08c375c849b06b8394bad7 )

Đây là dấu vết ngăn xếp mà tôi nhận được khi cố gắng chạy ứng dụng với 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)

Một lần nữa, như được chỉ ra bởi các câu trả lời khác, đây là cách giải quyết vấn đề này:

chỉnh sửa gulpfile.js và thêm vào dòng 6: require('es6-promise').polyfill();
cài đặt phần phụ thuộc bị thiếu với: npm install es6-promise --save

Sau những thay đổi này, sự cố đã được khắc phục và tôi có thể khởi động máy chủ cục bộ.