gulp serve命令后超时

Question

我是ReactJS和Gulp的新手......

我对Gulp有疑问。我的问题是，当我在终端中编写gulp serve时，在浏览器中，我的页面没有显示任何内容，页面没有完全加载，并且在加载状态很长一段时间后，浏览器显示：

此网页不可用

ERR_CONNECTION_TIMED_OUT

消息。

我不知道我的问题是什么？

我的package.json是：

{
  "name": "projectOverview",
  "version": "1.0.0",
  "description": "",
  "main": "gulpfile.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "start": "gulp serve"
  },
  "author": "",
  "license": "MIT",
  "devDependencies": {
    "react": "^0.13.2",
    "gulp-react": "^3.0.1",
    "gulp": "^3.8.11",
    "gulp-connect": "^2.2.0",
    "gulp-concat": "^2.5.2",
    "gulp-open": "^0.3.2",
    "gulp-browserify": "^0.5.1",
    "reactify": "^1.1.0"
  }
}

我配置gulpfile.js如下：

var gulp = require('gulp'),
    connect = require('gulp-connect'),
    open = require("gulp-open"),
    browserify = require('gulp-browserify'),
    concat = require('gulp-concat'),
    port = process.env.port || 3031;

gulp.task('browserify', function(){
  gulp.src('./app/src/js/components/main.js')
      .pipe(browserify({ transform: 'reactify' }))
      .pipe(gulp.dest('./app/dist/js'));
});

//launch browser in a part
gulp.task('open', function(){
  var options = {
    url: 'http://localhost:' + port,
  };
  gulp.src('./app/index.html')
      .pipe(open('',options));
});

//live reload server
gulp.task('connect', function(){
  connect.server({
    root: 'app',
    port: port,
    livereload: true
  });
});

//live reload js
gulp.task('js', function(){
  gulp.src('./app/dist/**/*.js')
      .pipe(connect.reload());
});

//live reload html
gulp.task('html', function(){
  gulp.src('./app/*.html')
      .pipe(connect.reload());
});

//watch files for live reload
gulp.task('watch', function(){
  gulp.watch('app/dist/js/*.js', ['js']);
  gulp.watch('app/index.html', ['html']);
  gulp.watch('app/src/js/**/*.js', ['browserify']);
});

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

gulp.task('serve', ['browserify', 'connect', 'open', 'watch']);

注意这是一个测试项目，main.js文件为空，只包含 pragma ：

/** @jsx React.DOM */

并且应该显示 ddddd 消息，如果它成功加载。 我认为我的问题出在我在index.html或gulpfile.js中设置的路径中。但...

Answer 1

我的问题解决了！

我的错误来自2部分：

1。 在调用gulp serve之前我必须运行两个命令：first： gulp 在那之后， npm i 在终端。

2。 我的Kerio VPN在测试期间启用。断开VPN帐户后，它完美无缺！我认为kerio应用程序和gulp端口存在冲突......