web-dev-qa-db-ja.com

NodemonがReact-Express-Nodeアプリでブラウザーを更新していません

nodemonlocallyをワークスペースにインストールしましたが、変更を加えた後にターミナルで再起動しても、更新されません。ブラウザページ。毎回手動で更新する必要があります。

Express、Node、React、Webpackが環境で実行されています。

これは私のセットアップがどのように見えるかです-

enter image description here

僕の 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 pointwebpack設定ファイルでは-

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

それを修正するにはどうすればよいですか？

更新-

状況を説明するために ビデオ を作成しました。

javascriptreactjswebpacknodemon
7
Manish Giri

nodemonは、サーバーコードが変更されたときにサーバーを再起動するためだけのものです。ブラウザでページをリロードする機能はありません。ブラウザの自動リロードが必要な場合は、たとえば、nodemonに加えてwebpackdevサーバーを実行できます。 webpack devサーバーは、クライアントコードが変更されたときにブラウザでページを再読み込みできます。ホットモジュールの再読み込み機能を使用すると、ページ全体を再読み込みせずにブラウザでページを更新することもできます。

11
Patrick Hund

Nodemonを使用し、変更時にブラウザをリロードする必要がある場合は、ここに返信しました https://stackoverflow.com/a/51089425/777995

解決策はNodemon + Browser Sync + Gulp + Expressサーバーです

1
Alonad