fix(Server): validate express.static.mime.types

fixes: #1724

Author: hiroppy

lib/Server.js

@@ -89,12 +89,12 @@ class Server {
     if (options.lazy && !options.filename) {
       throw new Error("'filename' option must be set in lazy mode.");
     }
-    
+
     // if the user enables http2, we can safely enable https
     if (options.http2 && !options.https) {
       options.https = true;
     }
-    
+
     updateCompiler(compiler, options);
 
     this.stats =
@@ -174,7 +174,14 @@ class Server {
 
     // ref: https://github.com/webpack/webpack-dev-server/issues/1575
     // remove this when send@^0.16.3
-    express.static.mime.types.wasm = 'application/wasm';
+    if (
+      express.static &&
+      express.static.mime &&
+      express.static.mime.types &&
+      !express.static.mime.types.wasm
+    ) {
+      express.static.mime.types.wasm = 'application/wasm';
+    }
 
     app.all('*', (req, res, next) => {
       if (this.checkHost(req.headers)) {

test/Server.test.js

@@ -16,6 +16,54 @@ const allStats = [
 ];
 
 describe('Server', () => {
+  // issue: https://github.com/webpack/webpack-dev-server/issues/1724
+  describe('express.static.mine.types', () => {
+    beforeEach(() => {
+      jest.resetModules();
+    });
+
+    afterEach(() => {
+      jest.unmock('express');
+    });
+
+    it("should succeed even if mine.types doesn't exist", () => {
+      const Server = require('../lib/Server');
+
+      jest.mock('express', () => {
+        const data = jest.requireActual('express');
+        const { static: st } = data;
+        const { mime } = st;
+
+        delete mime.types;
+
+        expect(typeof mime.types).toEqual('undefined');
+
+        return Object.assign(data, {
+          static: Object.assign(st, {
+            mime,
+          }),
+        });
+      });
+
+      return new Promise((res) => {
+        const compiler = webpack(config);
+        const server = new Server(compiler);
+
+        compiler.hooks.done.tap('webpack-dev-server', (s) => {
+          const output = server.getStats(s);
+          expect(output.errors.length).toEqual(0);
+
+          server.close(() => {
+            res();
+          });
+        });
+
+        compiler.run(() => {});
+        server.listen(8080, 'localhost');
+      });
+    });
+  });
+
   it('should cascade warningsFilter', () => {
     const stats = { warningsFilter: 'test' };
     return new Promise((res) => {