Gulp錯誤檔案未找到單數glob

將 gulp 3 更改為 4 后，當我嘗試運行時收到錯誤gulp build：

Error: File not found with singular glob: /assets/css/argon.css (if this was purposeful, use `allowEmpty` option)

該代碼之前在 gulp 3 上作業（正如我被告知的），我做了一些更改，以便也能在 gulp 4 上作業。在所有任務都正確運行后收到錯誤。

檔案位于它正在尋找它的地方：

這是我的 gulpfile.js：

var autoprefixer = require('gulp-autoprefixer');
var browserSync = require('browser-sync').create();
var csscomb = require('gulp-csscomb');
var cleanCss = require('gulp-clean-css');
var cssnano = require('gulp-cssnano');
var composer = require('gulp-uglify/composer');
var concat = require('gulp-concat');
var del = require('del');
var imagemin = require('gulp-imagemin');
var htmlPrettify = require('gulp-html-prettify');
var gulp = require('gulp');
var gulpIf = require('gulp-if');
var gulpRun = require('gulp-run');
var gulpUtil = require('gulp-util');
var npmDist = require('gulp-npm-dist');
var postcss = require('gulp-postcss');
var runSequence = require('gulp4-run-sequence');
// var sass = require('gulp-sass');
var uglifyEs = require('uglify-es');
var uglify = composer(uglifyEs, console);
var rename = require('gulp-rename');
var useref = require('gulp-useref-plus');
var wait = require('gulp-wait');
var sass = require('gulp-sass')(require('sass'));


// Define paths

var paths = {
 dist: {
     base: 'dist',
     img:  'dist/assets/img',
     libs: 'dist/assets/vendor'
 },
 base: {
     base: './',
     node: 'node_modules'
 },
 src: {
     base: './',
     css:  'assets/css',
     html: '**/*.html',
     img:  'assets/img/**/*. (png|jpg|gif|svg)',
     js:   'assets/js/**/*.js',
     scss: 'assets/scss/**/*.scss'
 }
}

// Compile SCSS

gulp.task('scss', async function() {
return gulp.src(paths.src.scss)
 .pipe(wait(500))
 .pipe(sass().on('error', sass.logError))
 .pipe(postcss([require('postcss-flexbugs-fixes')]))
 .pipe(autoprefixer({
     browsers: ['> 1%']
 }))
 .pipe(csscomb())
 .pipe(gulp.dest(paths.src.css))
 .pipe(browserSync.reload({
     stream: true
 }));
});

// Minify CSS

gulp.task('minify:css', async function() {
return gulp.src([
     paths.src.css   '/argon.css'
 ])
 .pipe(cleanCss())
 .pipe(rename({ suffix: '.min' }))
 .pipe(gulp.dest(paths.dist.base   '/css'))
});

// Concat JS files

gulp.task('concat:js', async function(done) {

 files = [
     paths.src.base   '/assets/js/components/license.js',
     paths.src.base   '/assets/js/components/layout.js',
     paths.src.base   '/assets/js/components/init/*js',
     paths.src.base   '/assets/js/components/custom/*js',
     paths.src.base   '/assets/js/components/maps/*js',
     paths.src.base   '/assets/js/components/charts/*js',
     paths.src.base   '/assets/js/components/vendor/*js'
 ];

 return gulp
     .src(files)
     .pipe(concat("argon.js"))
     .pipe(gulp.dest(paths.dist.base   '/js'));

 done();
});

// Minify JS

gulp.task('minify:js', async function(cb) {
 return gulp.src([
         paths.dist.base   '/js/argon.js'
     ])
     .pipe(uglify())
     .pipe(rename({ suffix: '.min' }))
     .pipe(gulp.dest(paths.dist.base   '/js'))
});

// Live reload

gulp.task('browserSync', async function() {
 browserSync.init({
     server: {
         baseDir: [paths.src.base, paths.base.base]
     },
 })
});

// Watch for changes

gulp.task('watch', gulp.series('browserSync', 'scss', async function() {
 gulp.watch(paths.src.scss, ['scss']);
 gulp.watch(paths.src.js, browserSync.reload);
 gulp.watch(paths.src.html, browserSync.reload);
}));

// Clean

gulp.task('clean:dist', async function() {
 return del.sync(paths.dist.base);
});

// Copy CSS

gulp.task('copy:css', async function() {
 return gulp.src([
     paths.src.base   '/assets/css/argon.css'
 ])
 .pipe(gulp.dest(paths.dist.base   '/css'))
});

// Copy JS

gulp.task('copy:js', async function() {
 return gulp.src([
     paths.src.base   '/assets/js/argon.js'
 ])
 .pipe(gulp.dest(paths.dist.base   '/js'))
});

// Build

gulp.task('build', async function(callback) {
 runSequence('clean:dist', 'scss', 'copy:css', 'copy:js', 'concat:js', 'minify:js', 'minify:css',
     callback);
});

// Default

gulp.task('default', async function(callback) {
 runSequence(['scss', 'browserSync', 'watch'],
     callback
 )
});

任何幫助，將不勝感激 ：）

uj5u.com熱心網友回復：

在copy:css你有這條線：

paths.src.base '/assets/css/argon.css'

顯然你的錯誤在哪里。問題是你paths.src.base被定義為

base: './' 您要添加的內容，/assets/css/argon.css因此您最終得到

.//assets/css/argon.css 注意兩個前導反斜杠。

去掉 中的前導反斜杠/assets/...并檢查其余代碼是否存在相同的問題。

此外，由于您正在使用 gulp4 擺脫runSequence- 查看gulp.series.

標籤：javascript css 节点.js 蠢货 吞咽

上一篇：未獲得授權標頭值錯誤，

下一篇：如何從節點中的S3存盤桶回傳資料？[復制]