Socket.io mime mismatch error

Question

Here is app.js file ``` import express from 'express'; import bodyParser from 'body-parser'; import mongoose from 'mongoose'; import http from 'http'; import event from 'events'; import io from 'socket.io'; import session from 'express-session'; import passport from 'passport'; import LocalStrategy from 'passport-local'; import multer from 'multer'; import fs from 'fs'; import passportLocalMongoose from 'passport-local-mongoose'; import postRoutes from './server/routes/posts.routes'; import commentRoutes from './server/routes/comments.routes'; import authRoutes from './server/routes/auth.routes'; import userRoutes from './server/routes/users.routes'; import {passportConfig} from './server/config/passport.config'; import {socketFunction} from './server/config/socket.io.config'; import path from 'path'; mongoose.connect('mongodb://localhost/blog'); const sanitizer = require('sanitize-html'); const app = express(); const server = http.Server(app); const socket = io(server); const localEv…

Accepted Answer

The problem is this:

```
const server = http.Server(app);
const socket = io(server);
...
app.listen(...);
```

You should either call listen on `server`...

```
server.listen(...);
```

...or let Express create an HTTP server for you (which is what `app.listen()` does, and it's also the reason why it's not working: when it creates a new server, that server doesn't have `socket.io` attached to it):

```
const server = app.listen(...);
const socket = io(server);
```

The `text/html` response that you got is probably because of a 404 response.

Socket.io mime mismatch error

Solution

Problem