【问题标题】:Task 'serve' is not in your gulpfile任务“服务”不在您的 gulpfile 中
【发布时间】:2019-04-13 01:24:20
【问题描述】:

我正在尝试安装 trackingJs 并正在设置我的环境,但我收到此错误消息:Task 'serve' is not in your gulpfile。如果有人以前使用过它并且可以详细建议我如何正确设置我的环境,我正在努力设置它。我真的很感激。

这里是网站的链接:https://trackingjs.com/docs.html

error:

抛出错误; ^

Error: Cannot find module '/Users/alex/Downloads/tracking.js-master/server'
at Function.Module._resolveFilename (module.js:455:15)
at Function.Module._load (module.js:403:25)
at Module.runMain (module.js:590:10)
at run (bootstrap_node.js:394:7)
at startup (bootstrap_node.js:149:9)
at bootstrap_node.js:509:3
Alexs-MacBook-Pro-2:tracking.js-master alex$ node gulpfile.js
Alexs-MacBook-Pro-2:tracking.js-master alex$ gulp serve
[12:59:06] Using gulpfile ~/Downloads/tracking.js-master/gulpfile.js
[12:59:06] Task 'serve' is not in your gulpfile
[12:59:06] Please check the documentation for proper gulpfile formatting
Alexs-MacBook-Pro-2:tracking.js-master alex$ 


'use strict';
var gulp = require('gulp');
var concat = require('gulp-concat');
var header = require('gulp-header');
var jsdoc = require('gulp-jsdoc');
var jshint = require('gulp-jshint');
var nodeunit = require('gulp-nodeunit');
var pkg = require('./package.json');
var rename = require('gulp-rename');
var rimraf = require('gulp-rimraf');
var stylish = require('jshint-stylish');
var uglify = require('gulp-uglify');
var esformatter = require('gulp-esformatter');
var runSequence = require('run-sequence');

gulp.task('all', ['clean'], function() {
  return runSequence(['build', 'build-data']);
});

gulp.task('clean', function() {
  return gulp.src('build').pipe(rimraf());
});

gulp.task( 'default', [ 'serve' ] );

gulp.task('build', function() {
  var files = [
    'src/tracking.js',
    'src/utils/EventEmitter.js',
    'src/utils/Canvas.js',
    'src/utils/DisjointSet.js',
    'src/utils/Image.js',
    'src/detection/ViolaJones.js',
    'src/features/Brief.js',
    'src/features/Fast.js',
    'src/math/Math.js',
    'src/math/Matrix.js',
    'src/pose/EPnP.js',
    'src/trackers/Tracker.js',
    'src/trackers/TrackerTask.js',
    'src/trackers/ColorTracker.js',
    'src/trackers/ObjectTracker.js',
    'src/trackers/LandmarksTracker.js',
    'src/alignment/Regressor.js',
    'src/alignment/LBF.js'
  ];

  return gulp.src(files)
    .pipe(concat('tracking.js'))
    .pipe(banner())
    .pipe(gulp.dest('build'))
    .pipe(uglify())
    .pipe(rename({
      suffix: '-min'
    }))
    .pipe(banner())
    .pipe(gulp.dest('build'));
});

gulp.task('build-data', function() {
  return gulp.src('src/detection/training/haar/**.js')
    .pipe(banner())
    .pipe(gulp.dest('build/data'))
    .pipe(rename({
      suffix: '-min'
    }))
    .pipe(uglify())
    .pipe(banner())
    .pipe(gulp.dest('build/data'));
});

gulp.task('docs', function() {
  return gulp.src(['src/**/*.js', 'README.md'])
    .pipe(jsdoc('docs'));
});

gulp.task('format', function() {
  return gulp.src(['src/**/*.js', '!src/detection/training/**/*.js'])
    .pipe(esformatter())
    .pipe(gulp.dest('src'));
});

gulp.task('lint', function() {
  return gulp.src('src/**/**.js')
    .pipe(jshint())
    .pipe(jshint.reporter(stylish));
});

gulp.task('test', function(cb) {
  gulp.src('test/*.js')
    .pipe(nodeunit())
    .on('end', cb);
});

gulp.task('test-watch', function() {
  return gulp.watch(['src/**/*.js', 'test/**/*.js'], ['test']);
});

gulp.task('watch', function() {
  gulp.watch('src/**/*.js', ['build']);
  gulp.watch('src/data/*.js', ['build-data']);
});

// Private helpers
// ===============

function banner() {
  var stamp = [
    '/**',
    ' * <%= pkg.name %> - <%= pkg.description %>',
    ' * @author <%= pkg.author.name %> <<%= pkg.author.email %>>',
    ' * @version v<%= pkg.version %>',
    ' * @link <%= pkg.homepage %>',
    ' * @license <%= pkg.license %>',
    ' */',
    ''
  ].join('\n');

  return header(stamp, { pkg: pkg });
}

【问题讨论】:

    标签: javascript terminal gulp tracking.js


    【解决方案1】:
    gulp.task( 'default', [ 'serve' ] );
    

    你提到默认任务是服务,但没有:

    gulp.task('serve', function() { ...
    

    可在您的代码中找到

    编辑: 项目本身说明:

    在您工作时,您需要一个基本的 HTTP 服务器来为您的网页提供服务。通过加载项目的完成版本来测试 Web 服务器。

    此服务器未包含在您的下载中。它也不包含在这个 gulp 脚本中。为了方便地提供文件,您可以使用 http-server:

    运行一次:

    npm install http-server -g
    

    启动你的服务器:

    cd /Users/alex/Downloads/tracking.js-master
    http-server
    

    http-server /Users/alex/Downloads/tracking.js-master
    

    您的项目将可以在以下位置访问:

    http://localhost:8080/examples/brief.html

    http://localhost:8080/build/yourfilename.html

    等等

    【讨论】:

    • 谢谢你的帮助,里面的功能是什么?安装并运行此服务器后,我将如何在浏览器中以 localhost 的形式查看它:
    • gulp 不是用来提供文件的,只是为了连接、缩小、丑化、创建源映射等。然后可以通过您选择的任何服务器提供构建文件。
    • 好吧,老实说,我不明白该怎么做。我下载的文件夹中有哪些服务器文件?
    • 你能发一个例子吗?
    • 我找到了这段代码:gulp.task('default',['serve']); gulp.task('init', ["nodemon"], function () { browserSync.init({ proxy: 'localhost:3000', //APP.js 端口号 - Listens On This Port port: 3128, //Browser同步端口 - 实际上在 3000 上运行,但代理浏览器同步在 3128 上运行 serveStatic: [ './public/'], // Gulpfile 的起点 - (重要部分,没有它就无法工作) Browsersync 之后的所有浏览器都重新加载 ghostMode:false, open: "external" });
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2017-05-10
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多