Nodemon没有在React-Express-Node App中刷新浏览器
Man*_*iri 7 javascript reactjs nodemon webpack
我已在我的工作区中nodemon 本地安装,但即使它在更改后在终端中重新启动,它也不会刷新浏览器页面.我每次都要手动刷新它.
我在环境中运行了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'
}
我该怎么做才能解决这个问题？
更新 -
我做了一个视频来描述情况,如果有帮助的话.
Pat*_*und 11
nodemon仅用于在服务器代码更改时重新启动服务器.它没有在浏览器中重新加载页面的功能.如果您想要自动浏览器重新加载,您可以运行除了nodemon之外的webpack dev服务器.当您的客户端代码发生变化时,webpack dev服务器可以在浏览器中重新加载页面,如果您使用其热模块重新加载功能,它甚至可以在浏览器中更新页面而无需重新加载整页.
在 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>
- 这是 npm 上重新加载包的链接：https://www.npmjs.com/package/reload (2认同)
| 归档时间： |
|
| 查看次数： |
8350 次 |
| 最近记录： |