diff --git a/.eslintignore b/.eslintignore
index c87fbd4d..d3405a7a 100644
--- a/.eslintignore
+++ b/.eslintignore
@@ -1,4 +1,4 @@
-/node_modules
-/assets/vendor
-/out
-/dist
\ No newline at end of file
+node_modules
+assets
+out
+dist
\ No newline at end of file
diff --git a/package.json b/package.json
index 30a78c60..fc37b92f 100644
--- a/package.json
+++ b/package.json
@@ -158,6 +158,6 @@
     "vue-template-compiler": "^2.6.14",
     "webpack": "^5.60.0",
     "webpack-cli": "^4.9.1",
-    "webpack-dev-server": "^3.11.2"
+    "webpack-dev-server": "^4.4.0"
   }
 }
diff --git a/scripts/devRunner.js b/scripts/devRunner.js
index bfbea89d..aaf4c90c 100644
--- a/scripts/devRunner.js
+++ b/scripts/devRunner.js
@@ -113,14 +113,16 @@ function startRenderer (callback) {
    });
 
    const server = new WebpackDevServer(compiler, {
-      contentBase: path.join(__dirname, '../'),
+      static: path.join(__dirname, '../'),
       hot: true,
-      noInfo: true,
-      overlay: true,
-      clientLogLevel: 'warning'
+      port: 9080,
+      client: {
+         overlay: true,
+         logging: 'warn'
+      }
    });
 
-   server.listen(9080, '', err => {
+   server.startCallback(err => {
       if (err) console.error(chalk.red(err));
 
       callback();