gulp nodemon不起作用

Question

這是我的gulpfile.js：

var gulp = require('gulp'),
  nodemon = require('gulp-nodemon'),
  plumber = require('gulp-plumber'),
  livereload = require('gulp-livereload');

gulp.task('develop', function () {
  livereload.listen();
  nodemon({
    script: 'app.js',
    ext: 'js ejs html coffee'
  }).on('restart',function() {
    console.log('Livereload reload...');
    livereload.reload();
  });  
});

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

我的app.js：

var express = require('express');

var app = express();

app.set('view engine','ejs');

app.get('/', function(req,res){
   res.send('Hello world!');
});

app.listen(8888, function() {
  console.log('Server started at 8888');
});

當我更改“ Hello world！” 到“ Hello world !!!!!”，我可以在控制台中看到以下內容：

它確實記錄了我的更改。 但是頁面根本沒有重新加載。 我必須刷新瀏覽器才能看到更改。 我的gulpfile.js有什么問題嗎？ 任何想法？ 謝謝。

Answer 1

我看到這個問題已經很老了，但是無論如何，livereload僅在您的瀏覽器支持的情況下才起作用。 例如，對於Chrome，您需要安裝一個名為LiveReload的擴展程序 。 這將為您刷新頁面（不要忘記啟用它）。

另一種選擇是使用BrowserSync 。 除了可以在gulp任務中使用的插件（沒有瀏覽器擴展）外，它實際上不需要其他任何東西。 這是一個示例（從此處獲取 ）：

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

gulp.task('nodemon', function (cb) {
var called = false;
  return nodemon({
    // nodemon our expressjs server
    script: 'app.js',

    // watch core server file(s) that require server restart on change
    watch: ['app.js']
  })
    .on('start', function onStart() {
      // ensure start only got called once
      if (!called) { cb(); }
      called = true;
    })
    .on('restart', function onRestart() {
      // reload connected browsers after a slight delay
      setTimeout(function reload() {
        browserSync.reload({
          stream: false
        });
      }, BROWSER_SYNC_RELOAD_DELAY);
    });
});

gulp.task('browser-sync', ['nodemon'], function () {

  // for more browser-sync config options: http://www.browsersync.io/docs/options/
  browserSync({

    // informs browser-sync to proxy our expressjs app which would run at the following location
    proxy: 'http://localhost:3000',

    // informs browser-sync to use the following port for the proxied app
    // notice that the default port is 3000, which would clash with our expressjs
    port: 4000,

    // open the proxied app in chrome
    browser: ['google-chrome']
  });
});

Answer 2

您的nodemon安裝一切正常。 實際上，您必須刷新瀏覽器才能看到所做的更改。

如果您想為您完成此任務，請在此網站上查看guard-livereload 。