Skip to content
Fix Code Error

Error: Can’t set headers after they are sent to the client

March 13, 2021 by Code Error
Posted By: Anonymous

I’m fairly new to Node.js and I am having some issues.

I am using Node.js 4.10 and Express 2.4.3.

When I try to access http://127.0.0.1:8888/auth/facebook, i’ll be redirected to http://127.0.0.1:8888/auth/facebook_callback.

I then received the following error:

Error: Can't render headers after they are sent to the client.
    at ServerResponse.<anonymous> (http.js:573:11)
    at ServerResponse._renderHeaders (/home/eugene/public_html/all_things_node/projects/fb2/node_modules/connect/lib/patch.js:64:25)
    at ServerResponse.writeHead (http.js:813:20)
    at /home/eugene/public_html/all_things_node/projects/fb2/node_modules/connect-auth/lib/auth.strategies/facebook.js:28:15
    at /home/eugene/public_html/all_things_node/projects/fb2/node_modules/connect-auth/lib/index.js:113:13
    at next (/home/eugene/public_html/all_things_node/projects/fb2/node_modules/connect-auth/lib/strategyExecutor.js:45:39)
    at [object Object].pass (/home/eugene/public_html/all_things_node/projects/fb2/node_modules/connect-auth/lib/authExecutionScope.js:32:3)
    at [object Object].halt (/home/eugene/public_html/all_things_node/projects/fb2/node_modules/connect-auth/lib/authExecutionScope.js:29:8)
    at [object Object].redirect (/home/eugene/public_html/all_things_node/projects/fb2/node_modules/connect-auth/lib/authExecutionScope.js:16:8)
    at [object Object].<anonymous> (/home/eugene/public_html/all_things_node/projects/fb2/node_modules/connect-auth/lib/auth.strategies/facebook.js:77:15)
Error: Can't set headers after they are sent.
    at ServerResponse.<anonymous> (http.js:527:11)
    at ServerResponse.setHeader (/home/eugene/public_html/all_things_node/projects/fb2/node_modules/connect/lib/patch.js:50:20)
    at next (/home/eugene/public_html/all_things_node/projects/fb2/node_modules/connect/lib/http.js:162:13)
    at next (/home/eugene/public_html/all_things_node/projects/fb2/node_modules/connect/lib/http.js:195:11)
    at next (/home/eugene/public_html/all_things_node/projects/fb2/node_modules/connect/lib/http.js:150:23)
    at param (/home/eugene/public_html/all_things_node/projects/fb2/node_modules/connect/lib/middleware/router.js:189:13)
    at pass (/home/eugene/public_html/all_things_node/projects/fb2/node_modules/connect/lib/middleware/router.js:191:10)
    at Object.router [as handle] (/home/eugene/public_html/all_things_node/projects/fb2/node_modules/connect/lib/middleware/router.js:197:6)
    at next (/home/eugene/public_html/all_things_node/projects/fb2/node_modules/connect/lib/http.js:198:15)
    at Object.auth [as handle] (/home/eugene/public_html/all_things_node/projects/fb2/node_modules/connect-auth/lib/index.js:153:7)
Error: Can't set headers after they are sent.
    at ServerResponse.<anonymous> (http.js:527:11)
    at ServerResponse.setHeader (/home/eugene/public_html/all_things_node/projects/fb2/node_modules/connect/lib/patch.js:50:20)
    at next (/home/eugene/public_html/all_things_node/projects/fb2/node_modules/connect/lib/http.js:162:13)
    at next (/home/eugene/public_html/all_things_node/projects/fb2/node_modules/connect/lib/http.js:207:9)
    at next (/home/eugene/public_html/all_things_node/projects/fb2/node_modules/connect/lib/http.js:150:23)
    at param (/home/eugene/public_html/all_things_node/projects/fb2/node_modules/connect/lib/middleware/router.js:189:13)
    at pass (/home/eugene/public_html/all_things_node/projects/fb2/node_modules/connect/lib/middleware/router.js:191:10)
    at Object.router [as handle] (/home/eugene/public_html/all_things_node/projects/fb2/node_modules/connect/lib/middleware/router.js:197:6)
    at next (/home/eugene/public_html/all_things_node/projects/fb2/node_modules/connect/lib/http.js:198:15)
    at Object.auth [as handle] (/home/eugene/public_html/all_things_node/projects/fb2/node_modules/connect-auth/lib/index.js:153:7)
Error: Can't set headers after they are sent.
    at ServerResponse.<anonymous> (http.js:527:11)
    at ServerResponse.setHeader (/home/eugene/public_html/all_things_node/projects/fb2/node_modules/connect/lib/patch.js:50:20)
    at next (/home/eugene/public_html/all_things_node/projects/fb2/node_modules/connect/lib/http.js:162:13)
    at next (/home/eugene/public_html/all_things_node/projects/fb2/node_modules/connect/lib/http.js:150:23)
    at next (/home/eugene/public_html/all_things_node/projects/fb2/node_modules/connect/lib/http.js:207:9)
    at Object.auth [as handle] (/home/eugene/public_html/all_things_node/projects/fb2/node_modules/connect-auth/lib/index.js:153:7)
    at next (/home/eugene/public_html/all_things_node/projects/fb2/node_modules/connect/lib/http.js:198:15)
    at HTTPServer.handle (/home/eugene/public_html/all_things_node/projects/fb2/node_modules/connect/lib/http.js:211:3)
    at Object.handle (/home/eugene/public_html/all_things_node/projects/fb2/node_modules/connect/lib/http.js:105:14)
    at next (/home/eugene/public_html/all_things_node/projects/fb2/node_modules/connect/lib/http.js:198:15)
Error: Can't set headers after they are sent.
    at ServerResponse.<anonymous> (http.js:527:11)
    at ServerResponse.setHeader (/home/eugene/public_html/all_things_node/projects/fb2/node_modules/connect/lib/patch.js:50:20)
    at next (/home/eugene/public_html/all_things_node/projects/fb2/node_modules/connect/lib/http.js:162:13)
    at next (/home/eugene/public_html/all_things_node/projects/fb2/node_modules/connect/lib/http.js:150:23)
    at next (/home/eugene/public_html/all_things_node/projects/fb2/node_modules/connect/lib/http.js:207:9)
    at HTTPServer.handle (/home/eugene/public_html/all_things_node/projects/fb2/node_modules/connect/lib/http.js:211:3)
    at Object.handle (/home/eugene/public_html/all_things_node/projects/fb2/node_modules/connect/lib/http.js:105:14)
    at next (/home/eugene/public_html/all_things_node/projects/fb2/node_modules/connect/lib/http.js:198:15)
    at /home/eugene/public_html/all_things_node/projects/fb2/node_modules/connect/lib/middleware/session.js:323:9
    at /home/eugene/public_html/all_things_node/projects/fb2/node_modules/connect/lib/middleware/session.js:338:9

node.js:134
        throw e; // process.nextTick error, or 'error' event on first tick
        ^
Error: Can't set headers after they are sent.
    at ServerResponse.<anonymous> (http.js:527:11)
    at ServerResponse.setHeader (/home/eugene/public_html/all_things_node/projects/fb2/node_modules/connect/lib/patch.js:50:20)
    at next (/home/eugene/public_html/all_things_node/projects/fb2/node_modules/connect/lib/http.js:162:13)
    at next (/home/eugene/public_html/all_things_node/projects/fb2/node_modules/connect/lib/http.js:207:9)
    at /home/eugene/public_html/all_things_node/projects/fb2/node_modules/connect/lib/middleware/session.js:323:9
    at /home/eugene/public_html/all_things_node/projects/fb2/node_modules/connect/lib/middleware/session.js:338:9
    at Array.<anonymous> (/home/eugene/public_html/all_things_node/projects/fb2/node_modules/connect/lib/middleware/session/memory.js:57:7)
    at EventEmitter._tickCallback (node.js:126:26)

The following is my code:

var fbId= "✘✘✘";
var fbSecret= "✘✘✘✘✘✘";
var fbCallbackAddress= "http://127.0.0.1:8888/auth/facebook_callback"

var cookieSecret = "node";     // enter a random hash for security

var express= require('express');
var auth = require('connect-auth')
var app = express.createServer();


app.configure(function(){
    app.use(express.bodyParser());
    app.use(express.methodOverride());
    app.use(express.cookieParser());
    app.use(express.session({secret: cookieSecret}));
    app.use(auth([
        auth.Facebook({
            appId : fbId,
            appSecret: fbSecret,
            callback: fbCallbackAddress,
            scope: 'offline_access,email,user_about_me,user_activities,manage_pages,publish_stream',
            failedUri: '/noauth'
        })
    ]));
    app.use(app.router);
});


app.get('/auth/facebook', function(req, res) {
  req.authenticate("facebook", function(error, authenticated) {
    if (authenticated) {
      res.redirect("/great");
      console.log("ok cool.");
      console.log(res['req']['session']);
    }
  });
});

app.get('/noauth', function(req, res) {
  console.log('Authentication Failed');
  res.send('Authentication Failed');
});

app.get('/great', function( req, res) {
  res.send('Supercoolstuff');
});

app.listen(8888);

May I know what is wrong with my code?

Solution

The res object in Express is a subclass of Node.js’s http.ServerResponse (read the http.js source). You are allowed to call res.setHeader(name, value) as often as you want until you call res.writeHead(statusCode). After writeHead, the headers are baked in and you can only call res.write(data), and finally res.end(data).

The error "Error: Can’t set headers after they are sent." means that you’re already in the Body or Finished state, but some function tried to set a header or statusCode. When you see this error, try to look for anything that tries to send a header after some of the body has already been written. For example, look for callbacks that are accidentally called twice, or any error that happens after the body is sent.

In your case, you called res.redirect(), which caused the response to become Finished. Then your code threw an error (res.req is null). and since the error happened within your actual function(req, res, next) (not within a callback), Connect was able to catch it and then tried to send a 500 error page. But since the headers were already sent, Node.js’s setHeader threw the error that you saw.

Comprehensive list of Node.js/Express response methods and when they must be called:

Response must be in Head and remains in Head:

  1. res.writeContinue()
  2. res.statusCode = 404
  3. res.setHeader(name, value)
  4. res.getHeader(name)
  5. res.removeHeader(name)
  6. res.header(key[, val]) (Express only)
  7. res.charset = 'utf-8' (Express only; only affects Express-specific methods)
  8. res.contentType(type) (Express only)

Response must be in Head and becomes Body:

  1. res.writeHead(statusCode, [reasonPhrase], [headers])

Response can be in either Head/Body and remains in Body:

  1. res.write(chunk, encoding='utf8')

Response can be in either Head/Body and becomes Finished:

  1. res.end([data], [encoding])

Response can be in either Head/Body and remains in its current state:

  1. res.addTrailers(headers)

Response must be in Head and becomes Finished:

  1. return next([err]) (Connect/Express only)
  2. Any exceptions within middleware function(req, res, next) (Connect/Express only)
  3. res.send(body|status[, headers|status[, status]]) (Express only)
  4. res.attachment(filename) (Express only)
  5. res.sendfile(path[, options[, callback]]) (Express only)
  6. res.json(obj[, headers|status[, status]]) (Express only)
  7. res.redirect(url[, status]) (Express only)
  8. res.cookie(name, val[, options]) (Express only)
  9. res.clearCookie(name[, options]) (Express only)
  10. res.render(view[, options[, fn]]) (Express only)
  11. res.partial(view[, options]) (Express only)
Answered By: Anonymous

Related Articles

  • How to pass values between Fragments
  • Error using core-scaffold from polymer JS in the…
  • Error: request entity too large
  • Use of PUT vs PATCH methods in REST API real life scenarios
  • Express JS: TypeError [ERR_INVALID_ARG_TYPE]: The…
  • How to tell Entity Framework to not include a nested object?
  • How to enable cross-origin resource sharing (CORS)…
  • Problems Installing CRA & NextJS from NPM…
  • Express Session not persisting after CORS calls
  • node.js TypeError: path must be absolute or specify…
  • CORS with spring-boot and angularjs not working
  • Error 'Map', but got one of type 'Null' flutter web…
  • Simplest way to create Unix-like continuous pipeline…
  • How to build correlation matrix plot using specified…
  • Apache server keeps crashing, "caught SIGTERM,…
  • No 'Access-Control-Allow-Origin' - Node / Apache Port Issue
  • Vue-auth conditionnal redirect after login and role…
  • What are the undocumented features and limitations…
  • Next.js Redirect from / to another page
  • Can't upload files with Apollo-client GraphQL in…
  • How to set up webpack-hot-middleware in an express app?
  • A JNI error has occurred, please check your…
  • How to structure a Node, Express, Connect-Auth and…
  • error LNK2005: ✘✘✘ already defined in…
  • Access-Control-Allow-Origin is not allowed by…
  • Casting to number from query fails. Node.js Express Mongoose
  • Windows could not start the Apache2 on Local…
  • ExpressJS How to structure an application?
  • Ember-cli & Facebook-share buttons - how to?
  • Login with facebook android sdk app crash API 4
  • JS: How to pass url through redirect function to…
  • javax.faces.application.ViewExpiredException: View…
  • facebook: permanent Page Access Token?
  • Simple C example of doing an HTTP POST and consuming…
  • coercing to Unicode: need string or buffer, NoneType…
  • No 'Access-Control-Allow-Origin' header is present…
  • TypeError: Cannot read property 'webpackJsonp' of undefined
  • NodeJS: How to get the server's port?
  • Error: Failed to lookup view in Express
  • useEffect Error: Minified React error #321 (GTM…
  • Workflow for Ember-simple-auth, Torii and Facebook Oauth2
  • why req.body is empty and req.files undefined
  • How to add headers on Nuxt static files response?
  • Codeigniter rest issue with backbone
  • using facebook sdk in Android studio
  • get data from server Backbone.js application
  • Node.js server that accepts POST requests
  • Streaming a video file to an html5 video player with…
  • error: expected ‘=’, ‘,’, ‘;’, ‘asm’ or…
  • Heroku redirect Next.js React client app http to https
  • Vaadin Spring Boot - There was an exception while…
  • Testing Backbone Model with Jasmine and Sinon -…
  • How to print binary tree diagram?
  • Would H_Hat ever stop if simulating halt decider H…
  • Python POST binary data
  • Set up DNS based URL forwarding in Amazon Route53
  • Nuxt/ Vue bug for calling server multiple times on a…
  • Node Api Doesn't Respond To Postman or through…
  • Correctly configure webpack-dev-middleware with…
  • Using useEffect and useContext while fetching data
  • How do I redirect in expressjs while passing some context?
  • facebook Uncaught OAuthException: An active access…
  • NodeJs express send json data to backbone
  • npm run dev command does not work on vuejs'…
  • ember.js, ember-cli: Outlets not nesting properly
  • how to turn a recursive algorithms into an iterative one
  • How to get a URL parameter in Express?
  • Propagate all arguments in a bash shell script
  • Passport.js in Next.js app not saving user across…
  • VUE Error when run test unit
  • TLS 1.3 server socket with Java 11 and self-signed…
  • Add newly created specific folder to .gitignore in Git
  • Facebook login message: "URL Blocked: This redirect…
  • Aurelia UX showcase app fails to load
  • TypeError: Router.use() requires middleware function…
  • Aurelia Content Management tutorial API - Cannot…
  • Unable to add window -- token android.os.BinderProxy…
  • How to redirect a URL path in IIS?
  • Node.js Error: Cannot find module express
  • React and Express iTunes Search API :: Error:…
  • Laravel redirect back to original destination after login
  • What is the deployment dependencies of cloud…
  • Checks in vue-router.beforeEach not restricting…
  • How to handle initializing and rendering subviews in…
  • Access api from a CMS in Next.js
  • Authentication and cross domain error from a Node -…
  • No 'Access-Control-Allow-Origin' header in Angular 2 app
  • Smart way to truncate long strings
  • How do we control web page caching, across all browsers?
  • How does Facebook Sharer select Images and other…
  • How to access the request body when POSTing using…
  • Svelte Cognito RollupJs error: 'Sha256' is not…
  • How do I consume the JSON POST data in an Express…
  • What is the equivalent of node.js .getHeaders() in…
  • Next.js getServerSideProps redirection…
  • How to specify typecllass function type to operate…
  • How to print an AST from a parser generator to graphviz?
  • Uploading a file with express-fileupload doesn't work
  • Node JS is throwing…
  • HTTPS Redirect in next js

Disclaimer: This content is shared under creative common license cc-by-sa 3.0. It is generated from StackExchange Website Network.

Post navigation

Previous Post:

Getting the class name of an instance?

Next Post:

Git push results in “Authentication Failed”

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

.net ajax android angular arrays aurelia backbone.js bash c++ css dataframe ember-data ember.js excel git html ios java javascript jquery json laravel linux list mysql next.js node.js pandas php polymer polymer-1.0 python python-3.x r reactjs regex sql sql-server string svelte typescript vue-component vue.js vuejs2 vuetify.js

  • you shouldn’t need to use z-index
  • No column in target database, but getting “The schema update is terminating because data loss might occur”
  • Angular – expected call-signature: ‘changePassword’ to have a typedeftslint(typedef)
  • trying to implement NativeAdFactory imports deprecated method by default in flutter java project
  • What should I use to get an attribute out of my foreign table in Laravel?
© 2022 Fix Code Error