jsファイルを読み込まないです。。。

Question

node.jsを使って複数人が同時に違うブラウザーから何か描けるようなものを作ろうとしていますが

//ファイル名sever.js
var fs = require("fs");
var express = require('express');

var server = require("http").createServer(function(req,res){
    res.writeHead(200,{"Content-Type":"text/html"});
    var output = fs.readFileSync("sketch.js","utf-8");
    res.end(output);
}).listen(8080); 

//ファイル名sketch.js
function setup(){
    cerateCanvas(200,200);
}

function draw(){
    background(51);
    ellipse(mouseX,mouseY,60,60);
}

としてsketch.jsのファイル自体は読み込むのですが、java scriptのファイルとして読み込んでくれません。どうすれば良いのでしょうか？？

Answer 1

Content-Type を text/html ではなくて、text/javascript もしくは application/javascript にしてみてはどうでしょう。

参考: http://xn--lcki7of.jp/153/

Answer 2

server.jsで、Content-Typeをtext/htmlにしている箇所をapplication/javascriptに変えてください。Content-Typeはブラウザが「このファイルはなんなのだろうか」と判断するために付けて返す情報で、text/htmlにしてしまうとブラウザは渡されたデータをhtml文書として受け取ります。だからJavascriptとして認識されないのです。Javascriptとして受け取って欲しいのであればapplication/javascriptとContent-Typeに渡すのが正しいです。