Gulp Watch - gulp-nodemon - 应用程序崩溃

Question

我正在尝试设置 Gulp 来监视一个事物：服务器的源代码。当源代码更新时，服务器节点脚本将重新启动并且客户端浏览器将刷新。

我认为我需要使用 gulp-nodemon 来处理服务器，而使用 browser-sync 处理客户端。

服务器脚本由以下命令执行：node src\babel.js。这个脚本在运行时可以正常工作，但是在我的Gulp配置中失败了。

我做错了什么吗？

这是我的任务脚本：

var gulp = require('gulp');
var browserSync = require('browser-sync');
var nodemon = require('gulp-nodemon');



gulp.task('default', ['watchServer', 'watchClient']);

gulp.task('watchServer', function() {
    gulp.watch('src/**', function () {
        nodemon({ // called upon update
            script: 'src/babel.js',   // I have tried both / & \\
        })
    });

    nodemon({ // called on start
        script: 'src/babel.js',   // I have tried both / & \\
    })
});

gulp.task('watchClient', function() {
    browserSync({
        open: 'external',
        host: '████████',
        port: 80,
        ui: false,
        server: {
            // We're serving the src folder as well
            // for sass sourcemap linking
            baseDir: ['src']
        },
        files: [
         'src/**'
        ]
    });
});

日志:

> gulp

[02:28:04] Using gulpfile B:\Test Server\gulpfile.js
[02:28:04] Starting 'watchServer'...
[02:28:04] Finished 'watchServer' after 19 ms
[02:28:04] Starting 'watchClient'...
[02:28:04] Finished 'watchClient' after 27 ms
[02:28:04] Starting 'default'...
[02:28:04] Finished 'default' after 9.66 μs
[02:28:04] [nodemon] 1.7.1
[02:28:04] [nodemon] to restart at any time, enter `rs`
[02:28:04] [nodemon] watching: *.*
[02:28:04] [nodemon] starting `node src\babel.js`
[BS] Access URLs:
 -----------------------------------
    Local: http://localhost:80
 External: http://████████:80
 -----------------------------------
[BS] Serving files from: src
[BS] Watching files...
events.js:141
      throw er; // Unhandled 'error' event
      ^

Error: listen EADDRINUSE :::80
    at Object.exports._errnoException (util.js:837:11)
    at exports._exceptionWithHostPort (util.js:860:20)
    at Server._listen2 (net.js:1231:14)
    at listen (net.js:1267:10)
    at Server.listen (net.js:1363:5)
    at B:/Test Server/src/app/app.jsx:17:7
    at Object.<anonymous> (B:/Test Server/src/app/app.jsx:41:2)
    at Module._compile (module.js:434:26)
    at normalLoader (B:\Test Server\node_modules\babel-core\lib\api\register\node.js:199:5)
    at Object.require.extensions.(anonymous function) [as .jsx] (B:\Test Server\node_modules\babel-core\lib\api\register\node.js:216:7)
[02:28:05] [nodemon] app crashed - waiting for file changes before starting...

- Nyaarium

Answer 1

你不需要使用gulp来监视服务器文件，因为当文件发生更改时，nodemon会自动重启。在你的配置文件中尝试像这样的代码：

gulp.task('watchServer', function() {
    // remove the gulp.watch entry

    nodemon({ // called on start
        script: 'src/babel.js',   // I have tried both / & \\
        ext: 'js',
        watch: ['src/babel.js']
    })
});

端口80上似乎还有其他东西在运行（这是Apache的默认端口），所以将browsersync运行的端口更改为4000之类的端口可能会有所帮助。

如果你的Node服务器运行在3000端口上，你需要使用browsersync代理它。

gulp.task('watchClient', function() {
    browserSync({
        open: 'external',
        host: '████████',
        proxy: '[YOURHOST]:3000'
        port: 4000,
        ui: false,
        // this entry will most likely need to be removed
        // if you are using something like express as a static server
        server: {
            // We're serving the src folder as well
            // for sass sourcemap linking
            baseDir: ['src']
        },
        files: [
         'src/**'
        ]
    });
});

- deowk