Get Even More Visitors To Your Blog, Upgrade To A Business Listing >>

Node.js - Resource interpreted as Script but transferred with MIME type text/plain

Node.js - Resource interpreted as Script but transferred with MIME type text/plain

Problem

First off: I'm not using Express.

With that out of the way, when I load my index.html file it recursively readFile every attached file such as my CSS and JS pages. But it always returns this error in my inspector (Chrome):

Resource interpreted as Script but transferred with MIME type text/plain

I have absolutely no idea why it is doing this. Here is my code:

var http = require('http');
var querystring = require('querystring');
var fs = require('fs');
var url = require('url');

function route(handle, pathname, response, request){
console.log("About to route a request for " + pathname);

if (typeof handle[pathname] === "function"){        
    handle[pathname](response, request);
    } else {

    var file_path = "";

    // parses the url request for a file and pulls the pathname
    var url_request = url.parse(request.url).pathname;      
    var tmp  = url_request.lastIndexOf(".");
    var extension  = url_request.substring((tmp + 1));

    file_path = url_request.replace("/", "");

    //load needed pages and static files
    fs.readFile(file_path, function (error, contents){
        if(error){
          console.log('DIE!');
          console.log(error);
          response.writeHeader(500, {"Content-Type": "text/html"});  
          response.end("

FS READ FILE ERROR: Internal Server Error!

"); } else{ console.log('SUCCESS!'); // set content type if (extension === 'html') response.writeHeader(200, {"Content-Type": 'text/html'}); else if (extension === 'htm') response.writeHeader(200, {"Content-Type": 'text/html'}); else if (extension === 'css') response.writeHeader(200, {"Content-Type": 'text/css'}); else if (extension === 'js') response.writeHeader(200, {"Content-Type": 'text/javascript'}); else if (extension === 'png') response.writeHeader(200, {"Content-Type": 'image/png'}); else if (extension === 'jpg') response.writeHeader(200, {"Content-Type": 'image/jpg'}); else if (extension === 'jpeg') response.writeHeader(200, {"Content-Type": 'image/jpeg'}); else { console.log("NO CORRECT EXTENSION")}; console.log(extension); response.end(contents); } response.end(); }); response.end(); } } exports.route = route;

How can I fix this? This has stopped my project in its tracks.

Note: this is a progression of an earlier problem I had talked about here: Node.js incorrect path problems

Problem courtesy of: JDillon522

Solution

Try comment out that last response.end. Don't think you need it.

    response.end();  
    });
    // response.end();
   }
   exports.route = route;

I suspect that response.end is getting called immediately before the one inside the fs.readfile callback has time to execute, maybe closing off the headers on the server not giving the correct header "Content-Type": 'text/javascript' a chance to get sent..

Tried it on your code, worked for me..

Solution courtesy of: John Williams

Discussion

View additional discussion.



This post first appeared on Node.js Recipes, please read the originial post: here

Share the post

Node.js - Resource interpreted as Script but transferred with MIME type text/plain

×

Subscribe to Node.js Recipes

Get updates delivered right to your inbox!

Thank you for your subscription

×