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（__目錄名，「公」，「JS」），當然 ' –