TypeError: has no method 'isAbsolute'

Question

我想缩小我文件夹中的任何 css，我在其中使用 gulp-clean-css 插件 gulp。

我的代码是：

gulp.task('CSS-Pack', function () {
    return gulp.src(['Content/App.css', './Content/ApprovalForm.css'])
               .pipe(concat('stylesheets.css'))
               .pipe(cleanCSS({ debug: true }, function (details) {
                   console.log(details.name + ': ' + details.stats.originalSize);
                   console.log(details.name + ': ' + details.stats.minifiedSize);
               }))
               .pipe(gulp.dest('build/'));
});


gulp.task('CSS-PackAll', function () {
    return gulp.src('Content/*.css')
               .pipe(concat('stylesheets.css'))
               .pipe(cleanCSS({ debug: true, specialComments: false }, function (details) {
                   console.log(details.name + ': ' + details.stats.originalSize);
                   console.log(details.name + ': ' + details.stats.minifiedSize);
               }))
               .pipe(gulp.dest('build/'));
});

我的任务 CSS-Pack 有效，但是我从哪里开始任务 CSS-PackAll 我有以下错误：

我使用 minify-css 的地方（我想使用 gulp-clean-css，因为 minify-css 已被删除）插件 CSS-PackAll 工作..

:\Users\gkv\TFS\SharePoint Online\LirexAddHolidayRequest\node_modules\gulp-clean-css\node_modules\clean-css\lib\reader\rewrite-url.js:45 return path.isAbsolute(uri); ^ TypeError: Object # has no method 'isAbsolute' at isAbsolute (C:\Users\gstev\TFS\SharePoint Online\LirexAddHolidayRequest\node_modules\gulp-clean-css\node_modules\clean-css\lib\reader\rewrite-url.js:45:15) at rebase (C:\Users\gkrystev\TFS\SharePoint Online\LirexAddHolidayRequest\node_modules\gulp-clean-css\node_modules\clean-css\lib\reader\rewrite-url.js:23:7) at rewriteUrl (C:\Users\gkrystev\TFS\SharePoint Online\LirexAddHolidayRequest\node_modules\gulp-clean-css\node_modules\clean-css\lib\reader\rewrite-url.js:114:5) at rebaseSourceMapComment (C:\Users\gkrystev\TFS\SharePoint Online\LirexAddHolidayRequest\node_modules\gulp-clean-css\node_modules\clean-css\lib\reader\rebase.js:78:45) Process terminated with code 8.

Answer 1

我知道严格来说这不是你问题的答案，但我在使用 gulp-clean-css 缩小我们的 CSS 和将问题跟踪到我们源代码中的一行：

background-image: url('/img/cloader.gif') no-repeat center top;

处理亲戚时似乎有问题URL；在我们的例子中，我们不再需要这种风格，删除它解决了问题。希望这有帮助。

TypeError: has no method 'isAbsolute'

TypeError: has no method 'isAbsolute'

css

minify

gulp

gulp-minify-css

gulp-clean-css