Question

我有一个带有自定义主题的wordpress网站，直到最近它开始引发错误，这阻止了构建脚本的完成并导致我们的团队无法部署。

仍然存在的错误： “ 您当前的PostCSS版本是5.2.18，但postcss-calc使用6.0.14 ”

我曾尝试删除node_modules和程序包锁定，然后再次运行npm install，同时为这两个程序包指定了版本，但package.lock似乎总是将它们另存为与我在package.json中指定的版本不同的版本。

实际错误如下：

您当前的PostCSS版本是5.2.18，但是postcss-calc使用6.0.14。也许这是下面的错误的根源。 [09:22:46] gulp-notify：[Gulp]解析第1行的错误： 1.69 em / 2 ----- ^ 预期输入结束“ ADD”，“ SUB”，“ MUL”，“ DIV”得到了意外的“ PREFIX”

margin-bottom：calc（$（line-height-base） em / 2 ）; <-这是罪魁祸首

构建脚本使用gulpfile：

const styles = () => {
    const dest = utils.buildStylesPath();
    const config = require('./postcss');

    return gulp
        .src([
            utils.themeRootPath('../blocks/**/style.css'),
            utils.srcStylesPath('_load.css'),
        ])
        .pipe(gulpif(isDev, sourcemaps.init()))
        .pipe(gulpif(isDev, plumber({ errorHandler: error })))
        .pipe(postcss(config))
        .pipe(rename(function (path) {
            if (path.dirname !== '.') {
                path.basename = 'block-' + path.dirname;
                path.dirname = '.';
            } else if (path.basename === '_load') {
                path.basename = 'bundle';
            }
        }))
        .pipe(gulpif(isDev, sourcemaps.write('./')))
        .pipe(gulp.dest(dest));
};

// ...
// ...
// ...

gulp.task(
    'build',
    gulp.series(clean, gulp.parallel(styles, images), gulp.parallel(scripts), optimize, manifest)
);

预先感谢

npm运行构建脚本失败，PostCSS和postcss-calc版本似乎冲突

0 个答案: