diff --git a/lib/dev.js b/lib/dev.js
index 79ed21a570..8e91c32d9c 100644
--- a/lib/dev.js
+++ b/lib/dev.js
@@ -107,7 +107,10 @@ module.exports = async function dev (sourceDir, cliOptions = {}) {
     compiler,
     host,
     dev: { logLevel: 'warn' },
-    hot: { logLevel: 'error' },
+    hot: {
+      port: port + 1,
+      logLevel: 'error'
+    },
     logLevel: 'error',
     port,
     add: app => {
diff --git a/package.json b/package.json
index 8103d9b85e..54aa096792 100644
--- a/package.json
+++ b/package.json
@@ -95,7 +95,7 @@
     "webpack": "^4.8.1",
     "webpack-chain": "^4.6.0",
     "webpack-merge": "^4.1.2",
-    "webpack-serve": "^0.3.1",
+    "webpack-serve": "^0.3.2",
     "webpackbar": "^2.6.1",
     "workbox-build": "^3.1.0"
   },
diff --git a/yarn.lock b/yarn.lock
index 5c6c39b37a..e426d629e1 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -7437,9 +7437,9 @@ webpack-merge@^4.1.2:
   dependencies:
     lodash "^4.17.5"
 
-webpack-serve@^0.3.1:
-  version "0.3.1"
-  resolved "https://registry.yarnpkg.com/webpack-serve/-/webpack-serve-0.3.1.tgz#a91a99d013a70d2c15df2d12c5d31a8842c033ba"
+webpack-serve@0.3.2:
+  version "0.3.2"
+  resolved "https://registry.yarnpkg.com/webpack-serve/-/webpack-serve-0.3.2.tgz#9cfd823dd570438d8cf362e70586bc54af1f0c92"
   dependencies:
     "@shellscape/koa-static" "^4.0.4"
     chalk "^2.3.0"