Я пытаюсь улучшить опыт разработки в моем Node. Для этого я хочу:
а) перезапустить сервер при изменении кода на стороне сервера
б) обновить браузер при изменении кода на стороне клиента.
В Для этого я начал интегрировать nodemon и browserSync в мой скрипт глотка.
В моем сценарии gulp у меня есть следующая задача:
gulp.task('startDevEnv', function(done) {
// Begin watching for server-side file changes
nodemon(
{ script: input.server, ignore:[input.views] })
.on('start', function () {
browserSync.init({
proxy: "http://localhost:3002"
});
})
;
// Begin watching client-side file changes
gulp.watch([ input.css, input.js, input.html ], function() { browserSync.reload(); });
done();
});
При выполнении вышеуказанной задачи мой браузер открывается на http://localhost:3000/. Мое приложение отображается, как и ожидалось. Однако в окне консоли я замечаю:
Error: listen EADDRINUSE :::3002
Я понимаю в какой-то степени. У меня есть app.set('port', process.env.PORT || 3002);
в моем файле server.js. Тем не менее, я думал, что это было целью установки значения прокси. Тем не менее, всякий раз, когда я вношу изменения в код, я вижу следующую связанную ошибку в окне консоли:
[07:08:19] [nodemon] restarting due to changes...
[07:08:19] [nodemon] starting `node ./dist/server.js`
events.js:142
throw er; // Unhandled 'error' event
^
TypeError: args.cb is not a function
at Object.init (/Users/me/Website/Develop/node_modules/browser-sync/lib/public/init.js:25:25)
at null.<anonymous> (/Users/me/Website/Develop/gulpfile.js:142:25)
at emitNone (events.js:73:20)
at emit (events.js:167:7)
at Object.run (/Users/me/Website/Develop/node_modules/nodemon/lib/monitor/run.js:97:7)
at Function.run.kill (/Users/me/Website/Develop/node_modules/nodemon/lib/monitor/run.js:221:7)
at null.<anonymous> (/Users/me/Website/Develop/node_modules/nodemon/lib/monitor/run.js:333:7)
at emitOne (events.js:83:20)
at emit (events.js:170:7)
at restartBus (/Users/me/Website/Develop/node_modules/nodemon/lib/monitor/watch.js:162:7)
Me-MBP:Develop me$ events.js:142
throw er; // Unhandled 'error' event
^
Error: listen EADDRINUSE :::3002
at Object.exports._errnoException (util.js:856:11)
at exports._exceptionWithHostPort (util.js:879:20)
at Server._listen2 (net.js:1238:14)
at listen (net.js:1274:10)
at Server.listen (net.js:1370:5)
at Object.<anonymous> (/Users/me/Website/Develop/dist/server.js:70:8)
at Module._compile (module.js:399:26)
at Object.Module._extensions..js (module.js:406:10)
at Module.load (module.js:345:32)
at Function.Module._load (module.js:302:12)
На данный момент мои изменения кода не отображаются в моем браузере. Я не понимаю, что я делаю неправильно. Я подозреваю, что у меня неправильно настроены порты. Но я не совсем уверен, как они должны быть настроены.
По умолчанию BrowserSync использует порт 3000. BrowserSync также использует порт 3001 для пользовательского интерфейса BrowserSync. По этим двум причинам я решил установить порт 3002 в моем файле server.js и создать прокси-сервер, показанный выше. Что я делаю не так?