【问题标题】:TypeError: has no method 'isAbsolute'TypeError:没有方法'isAbsolute'
【发布时间】:2017-03-10 13:26:47
【问题描述】:

我想缩小文件夹中的所有 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 返回路径.isAbsolute(uri); ^ TypeError: Object # has no method 'isAbsolute' 在 isAbsolute (C:\Users\gstev\TFS\SharePoint Online\LirexAddHolidayRequest\node_modules\gulp-clean-css\node_modules\clean-css\lib\reader\rewrite-url.js:45:15) 在 rebase (C:\Users\gkrystev\TFS\SharePoint Online\LirexAddHolidayRequest\node_modules\gulp-clean-css\node_modules\clean-css\lib\reader\rewrite-url.js:23:7) 在 rewriteUrl (C:\Users\gkrystev\TFS\SharePoint Online\LirexAddHolidayRequest\node_modules\gulp-clean-css\node_modules\clean-css\lib\reader\rewrite-url.js:114:5) 在 rebaseSourceMapComment (C:\Users\gkrystev\TFS\SharePoint Online\LirexAddHolidayRequest\node_modules\gulp-clean-css\node_modules\clean-css\lib\reader\rebase.js:78:45) 进程以代码 8 终止。

【问题讨论】:

  • 你能尝试几件事吗?在您的CSS-Pack 任务中使用'Content/*.css',看看会发生什么。此外,请尝试删除额外的配置参数 specialComments,这是对 CSS-PackAll 任务中先前版本的制动更改。
  • 我在文件夹引导 css 文件 Content/*.css
  • 这是什么意思?

标签: css gulp minify gulp-clean-css gulp-minify-css


【解决方案1】:

我意识到严格来说这不是您问题的答案,但我在使用 gulp-clean-css 缩小我们的 CSS 并将问题跟踪到源代码中的一行时遇到了这个确切的错误:

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

处理相对 URL 似乎有问题;在我们的例子中,我们不再需要这种样式,删除它解决了问题。希望这会有所帮助。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2017-12-01
    • 1970-01-01
    • 2016-01-03
    • 2015-05-08
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多