81

我尝试让 gulp 编译我的 sass，然后使用 autoprefixit 进行编译，gulp-autoprefixer但出现错误。

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

我正在尝试运行它Gulpfile.js并且我正在使用：

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

和 NPM 版本1.3.10

当我跑步时，gulp test我得到了这个： 

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

我真的不知道我做错了什么。当我使用 sass 或纯 css 时不起作用。我认为与我的文件有关。

4

4 回答 4

78

有同样的问题。对我来说，更新节点不起作用，但在我的 gulpfile 的最开始添加它：

require('es6-promise').polyfill();
于 2015-10-05T01:31:55.470 回答
66

我使用以下命令将 node.js 更新为最新版本：

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

对于我的 Ubuntu 机器，如图所示。

之后，我使用以下方法更新了 NPM：

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

如图所示。

现在gulp-autoprefixer开始工作，但我从gulp-sass. 我使用这条指令更新了它：

  1. 删除你的 node_modules 文件夹
  2. 从你的 package.json 文件中删除 gulp-sass
  3. 从你的 package.json 文件中删除 node-sass（如果你有它）
  4. 运行 npm install gulp-sass --save-dev
  5. 根据需要更新 Gulp 任务

在这里找到。现在我已经"gulp-sass": "^2.0.4"解决了我所有的问题。

感谢您的建议和帮助。

于 2015-09-10T12:40:43.970 回答
29

在 package.json 所在的项目位置安装 es6-promise

npm install es6-promise

然后让 gulpfile.js 的第一行代码如下：

var Promise = require('es6-promise').Promise;
于 2016-02-05T17:14:31.197 回答
2

这并不能直接回答问题，但对于在尝试运行 ionic 2 教程时遇到此错误的人可能很有用。

正如其他答案所指出的那样，问题在于es6-promise缺少。

我在尝试启动 ionic 2 教程（https://github.com/driftyco/ionic2-starter-tutorial）时遇到了同样的错误：（我的 ionic 2 版本是 2.0.0-beta.25，最新的教程提交是 ed9ef2fcce887e4d1c08c375c849b06b8394bad7 )

这是我尝试运行应用程序时得到的堆栈跟踪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)

同样，正如其他答案所指出的，这是解决此问题的方法：

  1. 编辑 gulpfile.js 并在第 6 行添加：require('es6-promise').polyfill();

  2. 安装缺少的依赖项：npm install es6-promise --save

进行此更改后，问题得到解决，我能够启动本地服务器。

于 2016-04-25T16:50:26.053 回答