Question

我在Windows 10上看到了一个gulp的错误

通过git bash运行gulp工作正常，它会在新的浏览器选项卡中打开当前项目，但是当我更改style.scss文件并将其保存在atom中时，会出现此错误...

    [17:02:54] Starting 'css'...

events.js:183
      throw er; // Unhandled 'error' event
      ^
BrowserslistError: Unknown browser query `&gt; 1%`
    at C:\wamp64\www\wordpress\wp-content\themes\dev-project\node_modules\browserslist\index.js:164:11
    at Array.reduce (<anonymous>)
    at resolve (C:\wamp64\www\wordpress\wp-content\themes\dev-project\node_modules\browserslist\index.js:132:18)
    at browserslist (C:\wamp64\www\wordpress\wp-content\themes\dev-project\node_modules\browserslist\index.js:224:16)
    at Browsers.parse (C:\wamp64\www\wordpress\wp-content\themes\dev-project\node_modules\autoprefixer\lib\browsers.js:61:16)
    at new Browsers (C:\wamp64\www\wordpress\wp-content\themes\dev-project\node_modules\autoprefixer\lib\browsers.js:52:30)
    at loadPrefixes (C:\wamp64\www\wordpress\wp-content\themes\dev-project\node_modules\autoprefixer\lib\autoprefixer.js:70:24)
    at plugin (C:\wamp64\www\wordpress\wp-content\themes\dev-project\node_modules\autoprefixer\lib\autoprefixer.js:81:24)
    at LazyResult.run (C:\wamp64\www\wordpress\wp-content\themes\dev-project\node_modules\postcss\lib\lazy-result.js:277:20)
    at LazyResult.asyncTick (C:\wamp64\www\wordpress\wp-content\themes\dev-project\node_modules\postcss\lib\lazy-result.js:192:32)

Answer 1

解决了它

好像我正在使用Chrome，它在/node_modules/browserlist/index.js中产生了冲突

我编辑了％1并取出了Firefox并添加了：

// Default browsers query
browserslist.defaults = [
  '> 5%'
]

然后我还必须更改gulpfile以符合以下任务：

// CSS via Sass and Autoprefixer
gulp.task('css', function() {
    return gulp.src(scss + '{style.scss,rtl.scss}')
    .pipe(sourcemaps.init())
    .pipe(sass({
        outputStyle: 'expanded',
        indentType: 'tab',
        indentWidth: '1'
    }).on('error', sass.logError))
    .pipe(postcss([
        autoprefixer('> 5%')
    ]))
    .pipe(sourcemaps.write(scss + 'maps'))
    .pipe(gulp.dest(root));
});

如果有人遇到像这样的问题，请source

使用gulp获取错误

1 个答案: