1

最近、タスク用の gulp.series とタスク関数用の非同期関数を追加して、gulp 3.x に基づく gulp ファイルを 4.x に移行しました。

しかし、 gulp serve を開始すると、「クリーン」および「サーブ」タスクは完了しましたが、サーバーを起動せずに終了し、メッセージは表示されませんでした

ログ：

> videostream@2.0.0 start /root/VideoStream
> 一口サーブ

[01:47:05] 外部モジュールのbabel-registerが必要です
[01:47:05] gulpfile ~/VideoStream/gulpfile.babel.js の使用
[01:47:05] 「サーブ」を開始しています...
[01:47:05] 「クリーン」を開始しています...
[01:47:05] 5.31ミリ秒後に「クリーン」を完了
[01:47:05] 6.8ミリ秒後に「サーブ」を完了

root@iZa2d90eklkjfyzkilci2vZ:~/VideoStream#

ログを見てください。Finished 'serve'単にコンソールに終了した後

ExpressJS サーバーのエラーも警告もログもありません。それは奇妙だ

これはgulpファイルです

import gulp from 'gulp';
import gulpLoadPlugins from 'gulp-load-plugins';
import path from 'path';
import del from 'del';
import runSequence from 'run-sequence';

const plugins = gulpLoadPlugins();

const paths = {
  js: ['./**/*.js', '!dist/**', '!node_modules/**', '!coverage/**'],
  nonJs: ['./package.json', './.gitignore', './.env', './services/fet_firebase.json'],
  tests: './server/tests/*.js'
};

// Clean up dist and coverage directory
gulp.task('clean', (done) => {
  del.sync(['dist/**', 'dist/.*', 'coverage/**', '!dist', '!coverage']);
   done();
}
);

// Copy non-js files to dist
gulp.task('copy', (done) => {
  gulp.src(paths.nonJs)
    .pipe(plugins.newer('dist'))
    .pipe(gulp.dest('dist'));
  done();
}
);

// Compile ES6 to ES5 and copy to dist
gulp.task('babel', (done) => {
  gulp.src([...paths.js, '!gulpfile.babel.js'], { base: '.' })
    .pipe(plugins.newer('dist'))
    .pipe(plugins.sourcemaps.init())
    .pipe(plugins.babel())
    .pipe(plugins.sourcemaps.write('.', {
      includeContent: false,
      sourceRoot(file) {
        return path.relative(file.path, __dirname);
      }
    }))
    .pipe(gulp.dest('dist'));
    done();
}
);


// Start server with restart on file changes
gulp.task('nodemon', gulp.series(['copy', 'babel']), () => {
  plugins.nodemon({
    script: path.join('dist', 'index.js'),
    ext: 'js',
    ignore: ['node_modules/**/*.js', 'dist/**/*.js'],
    tasks: ['copy', 'babel']
  });
done();
}
);

// gulp serve for development
gulp.task('serve', gulp.series(['clean']), (done) => {runSequence('nodemon'); done();});

// default task: clean dist, compile js files and copy non-js files.
gulp.task('default', gulp.series(['clean']), (done) => {
  runSequence(
    ['copy', 'babel']
  );
done();
});

私は nodejs に慣れていないので、何が問題なのかわかりません \

私を助けてください

4

1 に答える 1

2

ドキュメントで理解しているように、gulp.task()署名はgulp.task([taskName], function). したがって、3 番目の引数は必要ありません。このようにリファクタリングすることで修正できると思います（nodemonタスクも修正する必要があります）：

// gulp serve for development
gulp.task('serve', (done) => {
  gulp.series(['clean', 'nodemon']);
  done();
});

さらに、ドキュメントに従って、タスクを登録して文字列として渡すことはお勧めしませんseries()。代わりに、次のようにします。

const gulp = require('gulp');
const gulpLoadPlugins = require('gulp-load-plugins');
const del = require('delete');
const path = require('path');
const runSequence = require('run-sequence');

const plugins = gulpLoadPlugins();

const paths = {
  js: ['./**/*.js', '!dist/**', '!node_modules/**', '!coverage/**'],
  nonJs: ['./package.json', './.gitignore', './.env', './services/fet_firebase.json'],
  tests: './server/tests/*.js'
};

// Clean up dist and coverage directory
function clean(done) {
  del.sync(['dist/**', 'dist/.*', 'coverage/**', '!dist', '!coverage']);
  done();
}

// Copy non-js files to dist
function copy(done) {
  gulp.src(paths.nonJs)
    .pipe(plugins.newer('dist'))
    .pipe(gulp.dest('dist'));
  done();
}

// Compile ES6 to ES5 and copy to dist
function babel(done) {
  gulp.src([...paths.js, '!gulpfile.babel.js'], { base: '.' })
    .pipe(plugins.newer('dist'))
    .pipe(plugins.sourcemaps.init())
    .pipe(plugins.babel())
    .pipe(plugins.sourcemaps.write('.', {
      includeContent: false,
      sourceRoot(file) {
        return path.relative(file.path, __dirname);
      }
    }))
    .pipe(gulp.dest('dist'));
  done();
}

// Start server with restart on file changes
function nodemon(done) {
  gulp.series(copy, babel)
  plugins.nodemon({
    script: path.join('dist', 'index.js'),
    ext: 'js',
    ignore: ['node_modules/**/*.js', 'dist/**/*.js'],
    tasks: ['copy', 'babel']
  });
  done();
}

// gulp serve for development
function serve(done) {
  gulp.series(clean, nodemon);
  done();
}

exports.clean = clean;
exports.copy = copy;
exports.babel = babel;
exports.serve = serve;
// default task: clean dist, compile js files and copy non-js files.
exports.default = gulp.series(clean, copy, babel);
于 2020-08-11T17:51:34.510 に答える