Chrome sagt "Ressource interpretiert, wie das Stylesheet, aber übertragen mit dem MIME-Typ text/html"

Ich versuche zum einrichten einer einfachen chat mit node.js (kein express) und Steckdose.io. Problem ist, dass Chrome klemmt auf meiner externen umfasst die in der html-Datei, was in diesen Akten nie bekommen enthalten. Ich bin auch ein ccs-Datei, und drei javascript-Dateien. Wie bereits in Antworten auf andere Fragen hier auf Stackoverflow, ich habe meine Dokument-MIME-Typ, indem die das mime-Modul und Verwendung der mime.lookup(url), die sagt: 'text/html'. Ich ausdrücklich die Rückkehr header 'Content-Type' : 'text/html' und auch gespielt mit der Einstellung "text/css' und 'text/javascript' ohne Erfolg. Ab jetzt habe ich keine Ahnung, was zu versuchen nächsten. Bitte um Hilfe!!

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);
    });
});

Dies ist meine absolut erste mal hier, also bitte lassen Sie mich wissen, wenn es etwas gibt, was ich mehr hätte zu helfen bei der Ihr mir helfen mit diesem problem.

InformationsquelleAutor readyruncode | 2012-09-28

  1. 4

    Du bist Einstellung mimeType während der Initialisierung basierend auf eine - Datei, die Sie versenden, anstatt es basiert auf der Datei, die Sie tatsächlich versenden. Das wird dazu führen, alle nicht-HTML-Dateien, die Sie senden (e.g CSS-oder JS-Dateien) zu gehen mit einem irreführenden Content-Type-header. Sie müssen die check innen deine request-handler.

    Yep, dass mein Problem gelöst. Dank einem Haufen! Ich denke, ich habe nicht ganz verstanden, was meine request-handler hat. Nun lasst den Spaß mal beginnen!

    InformationsquelleAutor ebohlman

  2. 1

    Diese bereits beantwortet wurde, bevor socket.io und verschiedenen Ordnern --- Lösung gefunden

    Empfehle ich die Nutzung anschließen-oder express-framework. Macht Ihre Arbeit leichter.

    Ja, ich habe gesehen, express verwendet wird ganz viel rund um das www. Denke, ich werde in diesem Zug auch einige Tag, aber ich möchte sichergehen, dass ich alles verstehen...

    InformationsquelleAutor vinayr

Schreibe einen Kommentar