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>

                          • 主站蜘蛛池模板: 耐高温风管_耐高温软管_食品级软管_吸尘管_钢丝软管_卫生级软管_塑料波纹管-东莞市鑫翔宇软管有限公司 | 艺术生文化课培训|艺术生文化课辅导冲刺-济南启迪学校 | 深圳工程师职称评定条件及流程_深圳职称评审_职称评审-职称网 | 油冷式_微型_TDY电动滚筒_外装_外置式电动滚筒厂家-淄博秉泓机械有限公司 | 钢格板_钢格栅_格栅板_钢格栅板 - 安平县鑫拓钢格栅板厂家 | 合肥仿石砖_合肥pc砖厂家_合肥PC仿石砖_安徽旭坤建材有限公司 | 温泉机设备|温泉小镇规划设计|碳酸泉设备 - 大连连邦温泉科技 | 碳化硅,氮化硅,冰晶石,绢云母,氟化铝,白刚玉,棕刚玉,石墨,铝粉,铁粉,金属硅粉,金属铝粉,氧化铝粉,硅微粉,蓝晶石,红柱石,莫来石,粉煤灰,三聚磷酸钠,六偏磷酸钠,硫酸镁-皓泉新材料 | 作文导航网_作文之家_满分作文_优秀作文_作文大全_作文素材_最新作文分享发布平台 | 合金ICP光谱仪(磁性材料,工业废水)-百科| 井式炉-台车式回火炉-丹阳市电炉厂有限公司 | 家庭教育吧-在线家庭教育平台,专注青少年家庭教育 | 不锈钢水箱厂家,不锈钢保温水箱-山东桑特供水设备 | 数控车床-立式加工中心-多功能机床-小型车床-山东临沂金星机床有限公司 | 纯水电导率测定仪-万用气体检测仪-低钠测定仪-米沃奇科技(北京)有限公司www.milwaukeeinst.cn 锂辉石检测仪器,水泥成分快速分析仪-湘潭宇科分析仪器有限公司 手术室净化装修-手术室净化工程公司-华锐手术室净化厂家 | 篮球架_乒乓球台_足球门_校园_竞技体育器材_厂家_价格-沧州浩然体育器材有限公司 | 重庆轻质隔墙板-重庆安吉升科技有限公司 | 道达尔润滑油-食品级润滑油-道达尔导热油-合成导热油,深圳道达尔代理商合-深圳浩方正大官网 | 卡诺亚轻高定官网_卧室系统_整家定制_定制家居_高端定制_全屋定制加盟_定制家具加盟_定制衣柜加盟 | 船老大板材_浙江船老大全屋定制_船老大官网| 杰福伦_磁致伸缩位移传感器_线性位移传感器-意大利GEFRAN杰福伦-河南赉威液压科技有限公司 | 除尘布袋_液体过滤袋_针刺毡滤料-杭州辉龙过滤技术有限公司 | 无水硫酸铝,硫酸铝厂家-淄博双赢新材料科技有限公司 | 广州展览制作|展台制作工厂|展览设计制作|展览展示制作|搭建制作公司 | 磨煤机配件-高铬辊套-高铬衬板-立磨辊套-盐山县宏润电力设备有限公司 | 广西资质代办_建筑资质代办_南宁资质代办理_新办、增项、升级-正明集团 | 电缆接头_防水接头_电缆防水接头 - 乐清市新豪电气有限公司 | 冷热冲击试验箱_温度冲击试验箱价格_冷热冲击箱排名_林频厂家 | 烟雾净化器-滤筒除尘器-防爆除尘器-除尘器厂家-东莞执信环保科技有限公司 | 成都思迪机电技术研究所-四川成都思迪编码器| 过滤器_自清洗过滤器_气体过滤器_苏州华凯过滤技术有限公司 | 蔬菜清洗机_环速洗菜机_异物去除清洗机_蔬菜清洗机_商用洗菜机 - 环速科技有限公司 | 南京PVC快速门厂家南京快速卷帘门_南京pvc快速门_世界500强企业国内供应商_南京美高门业 | 压滤机滤板_厢式_隔膜_板框压滤机滤板厂家价格型号材质-大凯环保 | 小型玉石雕刻机_家用玉雕机_小型万能雕刻机_凡刻雕刻机官网 | 恒温振荡混匀器-微孔板振荡器厂家-多管涡旋混匀器厂家-合肥艾本森(www.17world.net) | 东莞螺丝|东莞螺丝厂|东莞不锈钢螺丝|东莞组合螺丝|东莞精密螺丝厂家-东莞利浩五金专业紧固件厂家 | 接地电阻测试仪[厂家直销]_电缆故障测试仪[精准定位]_耐压测试仪-武汉南电至诚电力设备 | 上海电子秤厂家,电子秤厂家价格,上海吊秤厂家,吊秤供应价格-上海佳宜电子科技有限公司 | 防渗膜厂家|养殖防渗膜|水产养殖防渗膜-泰安佳路通工程材料有限公司 | 交通气象站_能见度检测仪_路面状况监测站- 天合环境科技 |