Ufdjrw

How badly should I try to prevent a user from XSSing themselves?

How obscure is the use of 令 in 令和?

Using "tail" to follow a file without displaying the most recent lines

Theorists sure want true answers to this!

Does int main() need a declaration on C++?

Bullying boss launched a smear campaign and made me unemployable

Can compressed videos be decoded back to their uncompresed original format?

Was the Stack Exchange "Happy April Fools" page fitting with the '90's code?

Can someone clarify Hamming's notion of important problems in relation to modern academia?

Fair gambler's ruin problem intuition

How to prevent "they're falling in love" trope

Is there an expression that means doing something right before you will need it rather than doing it in case you might need it?

Different meanings of こわい

How can I deal with my CEO asking me to hire someone with a higher salary than me, a co-founder?

Placement of More Information/Help Icon button for Radio Buttons

Is there a hemisphere-neutral way of specifying a season?

How to remove border from elements in the last row?

Why was Sir Cadogan fired?

Description list Formatting using enumitem

What is the fastest integer factorization to break RSA?

Ambiguity in the definition of entropy

How to install cross-compiler on Ubuntu 18.04?

files created then deleted at every second in tmp directory

Could the museum Saturn V's be refitted for one more flight?

HMR doesn't work when I build my socket.io ready's server

How to show data from mysql in nodejs with a refresh rateRegistering Glass Timeline Notification with NodeNode emitters with expressSocket.IO Simple Example Not WorkingReact-router urls don't work when refreshing or writing manuallyWhy this error coming while running nodejs server?Why does not sending data io.sockets.emit and socket.broadcast.emitYouTube API Error, Node.jsWhy express.Router() while separating routesHow to send github OAuth data to client?

0

When I build my socket.io ready's server the NextJS buildin HMR breaks.

I'm trying to maintain the HMR in my nextjs custom server. So far I handle the situation using the webpackdevmiddleware. I would back to the HMR if possible to maintain an optimized dev'flow.

I have tried to wrap my nextApp inside my socket.io feature as following:

const io= require("socket.io")(nextApp)

It fails.

Here my server.js config:

// express module is a function that can be used to create applications
const app=require("express")();
// create a new server
const server=require("http").Server(app)
// wrap server in socket.io 
const io= require("socket.io")(server)
const next= require("next");

// nextjs server
const createServer = require('http')
const parse = require('url')
const dev=process.env.NODE_ENV !== "production";
const nextApp=next(dev);
const nextHandler= nextApp.getRequestHandler();
const PORT= process.env.PORT || 3400; 



nextApp.prepare().then(()=> 
 app.get('*', (req, res)=> 
 return nextHandler(req, res)
 )
 server.listen(PORT, ()=> console.log(`listen on $PORT...`))
)


// nextApp.prepare().then(() => 
// createServer((req, res) => 
// // Be sure to pass `true` as the second argument to `url.parse`.
// // This tells it to parse the query portion of the URL.
// const parsedUrl = parse(req.url, true)
// // const pathname, query = parsedUrl
// nextHandler(req, res, parsedUrl); 
// ).listen(PORT, err => 
// if (err) throw err
// console.log('> Ready on '+PORT)
// )
// )

How handle this situation?
Any hint would be great,
thanks

javascript node.js reactjs next.js webpack-hmr

share|improve this question

edited Mar 7 at 21:28

isherwood

37.5k1082112

asked Mar 7 at 21:16

WebwomanWebwoman

778632

add a comment | 

0

When I build my socket.io ready's server the NextJS buildin HMR breaks.

I'm trying to maintain the HMR in my nextjs custom server. So far I handle the situation using the webpackdevmiddleware. I would back to the HMR if possible to maintain an optimized dev'flow.

I have tried to wrap my nextApp inside my socket.io feature as following:

const io= require("socket.io")(nextApp)

It fails.

Here my server.js config:

// express module is a function that can be used to create applications
const app=require("express")();
// create a new server
const server=require("http").Server(app)
// wrap server in socket.io 
const io= require("socket.io")(server)
const next= require("next");

// nextjs server
const createServer = require('http')
const parse = require('url')
const dev=process.env.NODE_ENV !== "production";
const nextApp=next(dev);
const nextHandler= nextApp.getRequestHandler();
const PORT= process.env.PORT || 3400; 



nextApp.prepare().then(()=> 
 app.get('*', (req, res)=> 
 return nextHandler(req, res)
 )
 server.listen(PORT, ()=> console.log(`listen on $PORT...`))
)


// nextApp.prepare().then(() => 
// createServer((req, res) => 
// // Be sure to pass `true` as the second argument to `url.parse`.
// // This tells it to parse the query portion of the URL.
// const parsedUrl = parse(req.url, true)
// // const pathname, query = parsedUrl
// nextHandler(req, res, parsedUrl); 
// ).listen(PORT, err => 
// if (err) throw err
// console.log('> Ready on '+PORT)
// )
// )

How handle this situation?
Any hint would be great,
thanks

javascript node.js reactjs next.js webpack-hmr

share|improve this question

edited Mar 7 at 21:28

isherwood

37.5k1082112

asked Mar 7 at 21:16

WebwomanWebwoman

778632

add a comment | 

When I build my socket.io ready's server the NextJS buildin HMR breaks.

I'm trying to maintain the HMR in my nextjs custom server. So far I handle the situation using the webpackdevmiddleware. I would back to the HMR if possible to maintain an optimized dev'flow.

I have tried to wrap my nextApp inside my socket.io feature as following:

const io= require("socket.io")(nextApp)

It fails.

Here my server.js config:

// express module is a function that can be used to create applications
const app=require("express")();
// create a new server
const server=require("http").Server(app)
// wrap server in socket.io 
const io= require("socket.io")(server)
const next= require("next");

// nextjs server
const createServer = require('http')
const parse = require('url')
const dev=process.env.NODE_ENV !== "production";
const nextApp=next(dev);
const nextHandler= nextApp.getRequestHandler();
const PORT= process.env.PORT || 3400; 



nextApp.prepare().then(()=> 
 app.get('*', (req, res)=> 
 return nextHandler(req, res)
 )
 server.listen(PORT, ()=> console.log(`listen on $PORT...`))
)


// nextApp.prepare().then(() => 
// createServer((req, res) => 
// // Be sure to pass `true` as the second argument to `url.parse`.
// // This tells it to parse the query portion of the URL.
// const parsedUrl = parse(req.url, true)
// // const pathname, query = parsedUrl
// nextHandler(req, res, parsedUrl); 
// ).listen(PORT, err => 
// if (err) throw err
// console.log('> Ready on '+PORT)
// )
// )

How handle this situation?
Any hint would be great,
thanks

javascript node.js reactjs next.js webpack-hmr

share|improve this question

edited Mar 7 at 21:28

isherwood

37.5k1082112

asked Mar 7 at 21:16

WebwomanWebwoman

778632

// express module is a function that can be used to create applications
const app=require("express")();
// create a new server
const server=require("http").Server(app)
// wrap server in socket.io 
const io= require("socket.io")(server)
const next= require("next");

// nextjs server
const createServer = require('http')
const parse = require('url')
const dev=process.env.NODE_ENV !== "production";
const nextApp=next(dev);
const nextHandler= nextApp.getRequestHandler();
const PORT= process.env.PORT || 3400; 



nextApp.prepare().then(()=> 
 app.get('*', (req, res)=> 
 return nextHandler(req, res)
 )
 server.listen(PORT, ()=> console.log(`listen on $PORT...`))
)


// nextApp.prepare().then(() => 
// createServer((req, res) => 
// // Be sure to pass `true` as the second argument to `url.parse`.
// // This tells it to parse the query portion of the URL.
// const parsedUrl = parse(req.url, true)
// // const pathname, query = parsedUrl
// nextHandler(req, res, parsedUrl); 
// ).listen(PORT, err => 
// if (err) throw err
// console.log('> Ready on '+PORT)
// )
// )

share|improve this question

edited Mar 7 at 21:28

isherwood

37.5k1082112

asked Mar 7 at 21:16

WebwomanWebwoman

778632

share|improve this question

edited Mar 7 at 21:28

isherwood

37.5k1082112

asked Mar 7 at 21:16

WebwomanWebwoman

778632

edited Mar 7 at 21:28

isherwood

37.5k1082112

edited Mar 7 at 21:28

isherwood

37.5k1082112

asked Mar 7 at 21:16

WebwomanWebwoman

778632

asked Mar 7 at 21:16

WebwomanWebwoman

778632