Nodemon在React-Express-Node应用程序中不刷新浏览器

我在本地工作区中安装了nodemon本地，但即使它在更改后在终端中重新启动，它也不会刷新浏览器页面。我必须每次手动刷新它。Nodemon在React-Express-Node应用程序中不刷新浏览器

我在环境中运行了Express，Node，React和Webpack。

这是我的设置看起来像 -

我package.json启动server.js -

"scripts": { 
    "test": "echo \"Error: no test specified\" && exit 1", 
    "start": "nodemon server.js" 
    },

和server.js是 -

var express = require('express'); 


    var app = express(); 
     app.use(express.static('public')); 
     app.listen(3000, function() { 
      console.log("Express server is up on port 3000"); 
     });

的entry point在webpack配置文件是 -

module.exports = { 
    entry: './public/scripts/app.jsx', 
    output: { 
     path: __dirname, 
     filename: './public/scripts/bundle.js' 
    }

我应该怎么做才能解决它？

更新 -

我做了一个video描述的情况，如果有帮助。

来源

2017-04-01 Manish Giri

nodemon仅用于在服务器代码更改时重新启动服务器。它没有在浏览器中重新加载页面的功能。如果您想自动浏览器重新加载，例如，您可以运行除nodemon之外的webpack dev服务器。 webpack dev服务器可以在客户端代码发生变化时重新加载浏览器中的页面，如果您使用其热模块重新加载功能，它甚至可以在浏览器中更新页面而无需整页重新加载。

来源

2017-04-01 05:28:59

中的package.json

"scripts": { 
    "start": "nodemon server.js -e html,js,css" 
},

在服务器JS

var reload = require('reload') 

app.listen(3000,() => { 

    console.log(`Listening on port 3000`); 
}) 

reload(app);

index.html中

<body> 
    <h1>ron</h1> 
    <script src="/reload/reload.js"></script> <!-- it's necessary --> 
</body>

来源

2017-11-21 01:29:46 ron

Nodemon在React-Express-Node应用程序中不刷新浏览器

回答

相关问题