paths[Symbol.iterator] 不是函数（postcss 插件）

Question

我不明白问题是什么以及如何解决

https://github.com/LPGhatguy/postcss-sassy-import/blob/master/index.js#L72

Requiring external module babel-register

../node_modules/postcss-sassy-import/index.js:72
            opts.loadPaths = [...defaultLoadPaths, ...paths];
                                                      ^

TypeError: paths[Symbol.iterator] is not a function

我的gulp任务

var plugins = [
    sassyImport({loadPaths: origin => path.join(process.cwd(), "/app/styles")}),
    cssnext({browsers: ['last 2 version']}),
    postcssmedia(),
    ];
gulp.task('styles', () => (
gulp.src('app/styles/app.sss')
    .pipe(postcss(plugins, { parser: sugarss }))
    .pipe(rename({suffix: '.min'}))
    .pipe(gulp.dest('dist/assets/styles'))
));

Answer 1

{loadPaths: origin => path.join(process.cwd(), "/app/styles")}

应该是

{loadPaths: [origin => path.join(process.cwd(), "/app/styles")]}

loadPaths 需要是数组。

paths[Symbol.iterator] 不是函数（postcss 插件）

paths[Symbol.iterator] is not a function(postcss plugin)

ecmascript-6

gulp

babeljs

postcss