Question

我正在设置 Gulp 来观看一件事：服务器的来源。在源更新时，服务器节点脚本将重新开始。客户端浏览器将刷新。

我认为服务器需要 gulp-nodemon ，而客户端需要浏览器同步。

服务器的脚本由以下执行：节点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...

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的默认端口），所以它可能有助于将浏览器同步端口更改为类似于4000的端口

如果您的节点服务器正在运行，例如端口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/**'
        ]
    });
});

Gulp Watch - gulp-nodemon - App崩溃

1 个答案: