Chrome dit “Ressource interprété comme de la feuille de style, mais transféré, avec le type MIME text/html”

Je suis en train de configurer un simple chat à l'aide de node.js (pas express) et de la prise.io. Le problème, c'est que Chrome est coincé sur mon externe inclut dans le fichier html, résultant dans ces fichiers ne jamais avoir compris. Je suis notamment un ccs fichier, et trois fichiers javascript. Comme suggéré dans les réponses à d'autres questions connexes, ici, sur Stackoverflow, j'ai vérifié mon document du type MIME, en exigeant de l'mime module et à l'aide de la mime.lookup(url), qui dit: 'text/html'. Je spécifiquement le retour de l'en-tête de 'Content-Type' : 'text/html' et même joué un peu avec le définir comme 'text/css' et 'text/javascript' en vain. A partir de maintenant je n'ai aucune idée de ce à essayer ensuite. S'il vous plaît aider!

chat.html:

<!DOCTYPE html>
    <html>
        <head>
        <title>CHAT</title>
        <meta http-equiv="content-type" content="text/html; charset=UTF-8">
        <link type="text/css" rel="stylesheet" href="css/style.css" /> <!-- First line that Chrome complains about -->
        <script type="text/javascript" src="/socket.io/socket.io.js"></script> <!-- Second line that Chrome complains about -->
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
        <script type="text/javascript" src="chatClient.js"></script>
                    </head>
        <body>
        <h1>this shall be a chat</h1>
        </body>
    </html>

chatClient.js:

var socket = io.connect('http://localhost');

        var chatBox = document.createElement('div');

        chatBox.id = 'chatBox';

        socket.on('server', function (data) {
        console.log('Server says: ', data.message);

        socket.emit('client', { clientMessage : 'this is all I have to say, right now!' });
});

chatServer.js:

var app = require('http').createServer(handler),
io = require('socket.io').listen(app),
fs = require('fs'),
mime = require('mime');

var url = __dirname + '/chat.html';
var mimeType = mime.lookup(url);

console.log(mimeType);

app.listen(8080);

function handler (req, res) {
    fs.readFile(url, function (err, data) {
    if (err) {
        res.writeHead(500);
        return res.end('Error loading chat');
    }

    res.setHeader('Content-Type', mimeType); //Sets the header to 'text/html'
    res.writeHead(200);
    res.end(data);
    });
}

io.sockets.on('connection', function (socket) {
    console.log('CHAT ONLINE');
    socket.emit('server', { message: 'hello world' });

    socket.on('client', function (data) {
    console.log('Client says: ', data.clientMessage);
    });
});

C'est mon absolue premier temps à poster ici, donc s'il vous plaît laissez-moi savoir si il y a autre chose que je devrais avoir inclus pour vous aider à m'aider avec ce problème.

OriginalL'auteur readyruncode | 2012-09-28

  1. 4

    De la configuration de mimeType lors de l'initialisation basé sur un fichier que vous avez peut-être l'envoi, au lieu de le définir basé sur le fichier que vous êtes en train d'envoyer. Qui sera la cause de tout cas de non-fichiers HTML que vous pouvez envoyer des e.g fichiers CSS ou JS) pour sortir avec une trompeuse-tête Content-Type. Vous avez besoin de faire le check à l'intérieur de votre gestionnaire de requêtes.

    Yep, ça a résolu mon problème. Merci beaucoup! Je suppose que je n'ai pas bien compris ce que ma demande de gestionnaire de fait. Maintenant, laissez-le plaisir commence!

    OriginalL'auteur ebohlman

  2. 1

    Ce qui a été répondu avant socket.io et les différents dossiers --- solution trouvée

    Je recommande d'utiliser connecter ou express cadre. Rend votre travail plus facile.

    Ouais, j'ai vu exprimer utilisé beaucoup autour de la www. Suppose que je vais obtenir dans le train qui trop certains jours, mais je veux m'assurer de comprendre toutes les premières...

    OriginalL'auteur vinayr