gulp手表 - gulp-nodemon - 应用程序崩溃

Question

我想设置gulp观看1件事：服务器的来源。在源更新后，服务器节点脚本将通过&开始客户端浏览器刷新。

我相信我需要为服务器一饮而尽，nodemon，而浏览器同步客户端。

服务器的脚本由执行：节点的src \ babel.js
该脚本运行时，这种方式，而是通过我的配置为咕嘟咕嘟失败。

有什么我做错了吗？

这是我的任务脚本：

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

你并不需要看与一饮而尽服务器的文件，因为当它改变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/**' 
     ] 
    }); 
});