pbootcms网站模板|日韩1区2区|织梦模板||网站源码|日韩1区2区|jquery建站特效-html5模板网

    • <bdo id='zRkrD'></bdo><ul id='zRkrD'></ul>

    <i id='zRkrD'><tr id='zRkrD'><dt id='zRkrD'><q id='zRkrD'><span id='zRkrD'><b id='zRkrD'><form id='zRkrD'><ins id='zRkrD'></ins><ul id='zRkrD'></ul><sub id='zRkrD'></sub></form><legend id='zRkrD'></legend><bdo id='zRkrD'><pre id='zRkrD'><center id='zRkrD'></center></pre></bdo></b><th id='zRkrD'></th></span></q></dt></tr></i><div class="4eem2as" id='zRkrD'><tfoot id='zRkrD'></tfoot><dl id='zRkrD'><fieldset id='zRkrD'></fieldset></dl></div>

      <legend id='zRkrD'><style id='zRkrD'><dir id='zRkrD'><q id='zRkrD'></q></dir></style></legend>

    1. <tfoot id='zRkrD'></tfoot>

      1. <small id='zRkrD'></small><noframes id='zRkrD'>

        Node.js - 開發中的自動刷新

        Node.js - Auto Refresh In Dev(Node.js - 開發中的自動刷新)

        <small id='80wNa'></small><noframes id='80wNa'>

          <tbody id='80wNa'></tbody>
      2. <tfoot id='80wNa'></tfoot>

          <i id='80wNa'><tr id='80wNa'><dt id='80wNa'><q id='80wNa'><span id='80wNa'><b id='80wNa'><form id='80wNa'><ins id='80wNa'></ins><ul id='80wNa'></ul><sub id='80wNa'></sub></form><legend id='80wNa'></legend><bdo id='80wNa'><pre id='80wNa'><center id='80wNa'></center></pre></bdo></b><th id='80wNa'></th></span></q></dt></tr></i><div class="iuyoke2" id='80wNa'><tfoot id='80wNa'></tfoot><dl id='80wNa'><fieldset id='80wNa'></fieldset></dl></div>

          <legend id='80wNa'><style id='80wNa'><dir id='80wNa'><q id='80wNa'></q></dir></style></legend>

                • <bdo id='80wNa'></bdo><ul id='80wNa'></ul>
                  本文介紹了Node.js - 開發中的自動刷新的處理方法,對大家解決問題具有一定的參考價值,需要的朋友們下面隨著小編來一起學習吧!

                  問題描述

                  限時送ChatGPT賬號..

                  我正在嘗試改善我的 Node.js 中的 DEV 體驗.為此,我想:

                  a) 更改服務器端代碼時重新啟動我的服務器
                  b) 當客戶端代碼發生變化時刷新瀏覽器.

                  為了實現這一點,我開始集成 nodemon 和browserSync 到我的 gulp 腳本中.

                  I am trying to improve the DEV experience in my Node. To do that, I want to:

                  a) restart my server when server-side code is changed
                  b) refresh the browser when client-side code is changes.

                  In an effort to accomplish this, I began integrating nodemon and browserSync into my gulp script.

                  在我的 gulp 腳本中,我有以下任務:

                  In my gulp script, I have the following task:

                  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/.我的應用程序按預期可見.但是,在控制臺窗口中,我注意到:

                  When the above task runs, my browser opens to http://localhost:3000/. My app is visible as expected. However, in the console window, I notice:

                  Error: listen EADDRINUSE :::3002
                  

                  我在某種程度上理解.我的 server.js 文件中有 app.set('port', process.env.PORT || 3002); .然而,我認為這是設置代理值的目的.盡管如此,每當我更改代碼時,我都會在控制臺窗口中看到以下相關錯誤:

                  I understand to some extend. I have app.set('port', process.env.PORT || 3002); in my server.js file. Yet, I thought that was purpose of setting the proxy value. Still, whenever I make a code change, I see the following related error in my console window:

                  [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)
                  

                  此時,我的代碼更改不會出現在我的瀏覽器中.我不明白我做錯了什么.我懷疑我的端口配置錯誤.但是,我不確定它們應該如何設置.

                  At this point, my code changes do not appear in my browser. I do not understand what I'm doing wrong. I suspect I have my ports misconfigured. But, I'm not really sure how they should be setup.

                  默認情況下,BrowserSync 使用端口 3000.BrowserSync 還為 BrowserSync UI 使用端口 3001.由于這兩個原因,我想我應該在 server.js 文件中將端口設置為 3002 并創建上面顯示的代理.我做錯了什么?

                  By default BrowserSync uses port 3000. BrowserSync also uses port 3001 for the BrowserSync UI. For these two reasons, I thought I would set the port to 3002 in my server.js file and create the proxy shown above. What am I doing wrong?

                  推薦答案

                  你實際上不需要使用 gulp 來工作.

                  You actually don't need to use gulp for this to work.

                  a) 更改服務器端代碼時重新啟動我的服務器

                  a) restart my server when server-side code is changed

                  使用 npm i -g nodemon 全局安裝 nodemon,然后在您的應用文件夾中執行 nodemonnodemon ${index-file-of-your-app}.

                  Install nodemon globally using npm i -g nodemon then on your app folder do nodemon or nodemon ${index-file-of-your-app}.

                  b) 當客戶端代碼發生變化時刷新瀏覽器.

                  b) refresh the browser when client-side code is changes.

                  使用 browserify 或 webpack.我更喜歡使用 webpack;你可能需要稍微了解一下配置,但是 webpack 的好處是你不需要刷新它.一旦發現更改,更改將自動反映在瀏覽器上.https://github.com/webpack/docs/wiki/hot-module-replacement-與-webpack

                  Use browserify or webpack. I prefer using webpack; you may need to learn about the configuration a little bit but the good thing with webpack is that you don't need to refresh it. Once changes are found the changes will be reflected on the browser automatically. https://github.com/webpack/docs/wiki/hot-module-replacement-with-webpack

                  這篇關于Node.js - 開發中的自動刷新的文章就介紹到這了,希望我們推薦的答案對大家有所幫助,也希望大家多多支持html5模板網!

                  【網站聲明】本站部分內容來源于互聯網,旨在幫助大家更快的解決問題,如果有圖片或者內容侵犯了您的權益,請聯系我們刪除處理,感謝您的支持!

                  相關文檔推薦

                  Browserify, Babel 6, Gulp - Unexpected token on spread operator(Browserify,Babel 6,Gulp - 傳播運算符上的意外令牌)
                  Is it possible to pass a flag to Gulp to have it run tasks in different ways?(是否可以將標志傳遞給 Gulp 以使其以不同的方式運行任務?)
                  Why do we need to install gulp globally and locally?(為什么我們需要在全局和本地安裝 gulp?)
                  How to run Gulp tasks sequentially one after the other(如何一個接一個地依次運行 Gulp 任務)
                  Stylesheet not loaded because of MIME-type(由于 MIME 類型而未加載樣式表)
                  Visual Studio 2015 crashes when opening Javascript files(打開 Javascript 文件時 Visual Studio 2015 崩潰)

                    <i id='qiA03'><tr id='qiA03'><dt id='qiA03'><q id='qiA03'><span id='qiA03'><b id='qiA03'><form id='qiA03'><ins id='qiA03'></ins><ul id='qiA03'></ul><sub id='qiA03'></sub></form><legend id='qiA03'></legend><bdo id='qiA03'><pre id='qiA03'><center id='qiA03'></center></pre></bdo></b><th id='qiA03'></th></span></q></dt></tr></i><div class="eq2qoyu" id='qiA03'><tfoot id='qiA03'></tfoot><dl id='qiA03'><fieldset id='qiA03'></fieldset></dl></div>
                    • <tfoot id='qiA03'></tfoot>
                      <legend id='qiA03'><style id='qiA03'><dir id='qiA03'><q id='qiA03'></q></dir></style></legend>

                      <small id='qiA03'></small><noframes id='qiA03'>

                      • <bdo id='qiA03'></bdo><ul id='qiA03'></ul>
                            <tbody id='qiA03'></tbody>

                          • 主站蜘蛛池模板: 铁艺,仿竹,竹节,护栏,围栏,篱笆,栅栏,栏杆,护栏网,网围栏,厂家 - 河北稳重金属丝网制品有限公司 山东太阳能路灯厂家-庭院灯生产厂家-济南晟启灯饰有限公司 | FAG轴承,苏州FAG轴承,德国FAG轴承-恩梯必传动设备(苏州)有限公司 | 环境模拟实验室_液体-气体控温机_气体控温箱_无锡双润冷却科技有限公司 | 玉米深加工设备-玉米深加工机械-新型玉米工机械生产厂家-河南粮院机械制造有限公司 | 广州/东莞小字符喷码机-热转印打码机-喷码机厂家-广州瑞润科技 | 环球周刊网| 轻型地埋电缆故障测试仪,频响法绕组变形测试仪,静荷式卧式拉力试验机-扬州苏电 | 上海办公室装修,办公楼装修设计,办公空间设计,企业展厅设计_写艺装饰公司 | 上海平衡机-单面卧式动平衡机-万向节动平衡机-圈带动平衡机厂家-上海申岢动平衡机制造有限公司 | 武汉印刷厂-不干胶标签印刷厂-武汉不干胶印刷-武汉标签印刷厂-武汉标签制作 - 善进特种标签印刷厂 | 阴离子聚丙烯酰胺价格_PAM_高分子聚丙烯酰胺厂家-河南泰航净水材料有限公司 | 江西高职单独招生-江西单招考试-江西高职单招网 | 企业微信scrm管理系统_客户关系管理平台_私域流量运营工具_CRM、ERP、OA软件-腾辉网络 | 实验室pH计|电导率仪|溶解氧测定仪|离子浓度计|多参数水质分析仪|pH电极-上海般特仪器有限公司 | MTK核心板|MTK开发板|MTK模块|4G核心板|4G模块|5G核心板|5G模块|安卓核心板|安卓模块|高通核心板-深圳市新移科技有限公司 | 万师讲师网-优质讲师培训师供应商,讲师认证,找讲师来万师 | 芜湖厨房设备_芜湖商用厨具_芜湖厨具设备-芜湖鑫环厨具有限公司 控显科技 - 工控一体机、工业显示器、工业平板电脑源头厂家 | 生物制药洁净车间-GMP车间净化工程-食品净化厂房-杭州波涛净化设备工程有限公司 | 技德应用| 浇注料-高铝砖耐火砖-郑州凯瑞得窑炉耐火材料有限公司 | 线粒体膜电位荧光探针-细胞膜-标记二抗-上海复申生物科技有限公司 | 上海办公室装修公司_办公室设计_直营办公装修-羚志悦装 | 不锈钢反应釜,不锈钢反应釜厂家-价格-威海鑫泰化工机械有限公司 不干胶标签-不干胶贴纸-不干胶标签定制-不干胶标签印刷厂-弗雷曼纸业(苏州)有限公司 | 胶原检测试剂盒,弹性蛋白检测试剂盒,类克ELISA试剂盒,阿达木单抗ELISA试剂盒-北京群晓科苑生物技术有限公司 | 耐热钢-耐磨钢-山东聚金合金钢铸造有限公司 | 储能预警-储能消防系统-电池舱自动灭火装置-四川千页科技股份有限公司官网 | 亮化工程,亮化设计,城市亮化工程,亮化资质合作,长沙亮化照明,杰奥思【官网】 | 高楼航空障碍灯厂家哪家好_航空障碍灯厂家_广州北斗星障碍灯有限公司 | 除湿机|工业除湿机|抽湿器|大型地下室车间仓库吊顶防爆除湿机|抽湿烘干房|新风除湿机|调温/降温除湿机|恒温恒湿机|加湿机-杭州川田电器有限公司 | 清水-铝合金-建筑模板厂家-木模板价格-铝模板生产「五棵松」品牌 | 全自动五线打端沾锡机,全自动裁线剥皮双头沾锡机,全自动尼龙扎带机-东莞市海文能机械设备有限公司 | 仿真茅草_人造茅草瓦价格_仿真茅草厂家_仿真茅草供应-深圳市科佰工贸有限公司 | 半自动预灌装机,卡式瓶灌装机,注射器灌装机,给药器灌装机,大输液灌装机,西林瓶灌装机-长沙一星制药机械有限公司 | Copeland/谷轮压缩机,谷轮半封闭压缩机,谷轮涡旋压缩机,型号规格,技术参数,尺寸图片,价格经销商 CTP磁天平|小电容测量仪|阴阳极极化_双液系沸点测定仪|dsj电渗实验装置-南京桑力电子设备厂 | 高压负荷开关-苏州雷尔沃电器有限公司 | 粉末冶金-粉末冶金齿轮-粉末冶金零件厂家-东莞市正朗精密金属零件有限公司 | 电动车头盔厂家_赠品头盔_安全帽批发_山东摩托车头盔—临沂承福头盔 | 招商帮-一站式网络营销服务|互联网整合营销|网络推广代运营|信息流推广|招商帮企业招商好帮手|搜索营销推广|短视视频营销推广 | sus630/303cu不锈钢棒,440C/430F/17-4ph不锈钢研磨棒-江苏德镍金属科技有限公司 | 玻璃钢罐_玻璃钢储罐_盐酸罐厂家-河北华盛节能设备有限公司 | 合肥升降机-合肥升降货梯-安徽升降平台「厂家直销」-安徽鼎升自动化科技有限公司 |