webpack-dev-serverはページを再ロードしません

devサーバーがブラウザにリロードページを表示しない理由がわかりません。私のシステムはOSXです。 "パブリック" ディレクトリwebpack-dev-serverはページを再ロードしません

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <meta charset="UTF-8"> 
    <title>webpack2</title> 
    <script src="/main.js" defer></script> 
</head> 
<body> 
    <h1>Hello</h1> 
</body> 
</html>

で

webpack.config.js

const path = require("path"); 

module.exports = { 

entry: { 
    //context: path.resolve("dev", "js"), 
    main: path.resolve("dev", "js", "app.js") 
}, 

output: { 
    path: path.resolve(__dirname, "public"), 
    publicPath: path.resolve(__dirname, "public"), 
    filename: "[name].js" 
}, 

module: { 
    rules: [ 
    { 
     test: /\.js$/, 
     exclude: /(node_modules|bower_components)/, 
     use: { 
      loader: 'babel-loader', 
      options: { 
       presets: ['env'] 
      } 
     } 
    } 
    ] 
}, 

devServer: { 
    contentBase: path.resolve(__dirname, "public"), 
    watchContentBase: true, 
    port: 9090, 
    hot: true, 
    inline: true, 
}, 

watch: true, 

watchOptions: { 
    aggregateTimeout: 300, 
    poll: 1000 
} 

}

package.json

{ 
"name": "react-sap", 
"version": "1.0.0", 
"description": "", 
"main": "webpack.config.js", 
"scripts": { 
    "test": "echo \"Error: no test specified\" && exit 1", 
    "build": "webpack", 
    "server": "webpack-dev-server" 
}, 
"keywords": [], 
"author": "", 
"license": "ISC", 

"devDependencies": { 
    "babel-core": "^6.26.0", 
    "babel-loader": "^7.1.1", 
    "babel-preset-env": "^1.6.0", 
    "webpack": "^3.5.5", 
    "jquery": "^3.2.1" 
} 
}

のindex.htmlをapp.jsを変更した後、私がする必要はあり手動でページをリロードして変更を確認します。ヘルプplz。私はここに単純な解決策があると確信しています。

P.S.私の英語は申し訳ありません）

出典

2017-08-17 Gleb M.

' 出力：{ パス：もちろんpath.resolve（__ dirnameは、 "パブリック"、 "JS"）、 '答えて –