Chrome 说“资源解释为样式表，但使用 MIME 类型文本/html 传输”答案

【问题标题】：Chrome says "Resource interpreted as Stylesheet but transferred with MIME type text/html"Chrome 说“资源解释为样式表，但使用 MIME 类型文本/html 传输”
【发布时间】：2012-09-20 09:46:05
【问题描述】：

我正在尝试使用 node.js（无快递）和 socket.io 建立一个简单的聊天。问题是 Chrome 卡在我的 html 文件中的外部包含上，导致这些文件永远不会被包含在内。我包括一个 ccs 文件和三个 javascript 文件。正如 Stackoverflow 上其他相关问题的答案中所建议的那样，我通过要求 mime 模块并使用mime.lookup(url)（即“text/html”）检查了文档的 MIME 类型。我专门将返回标头设置为'Content-Type' : 'text/html'，甚至尝试将其设置为'text/css'和'text/javascript'无济于事。到目前为止，我不知道下一步该尝试什么。请帮忙！

聊天.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);
    });
});

这绝对是我第一次在这里发帖，所以请告诉我是否还有其他内容可以帮助您帮助我解决这个问题。

【问题讨论】：

标签： javascript node.js google-chrome socket.io mime-types

【解决方案1】：

socket.io and differents folders --- solution found之前已经回答过这个问题

我推荐使用 connect 或 express 框架。让您的工作更轻松。

【讨论】：

是的，我已经看到在 www 周围经常使用 express。我想有一天我也会坐上那辆火车，但我想确保我先明白这一切......

【解决方案2】：

您在初始化期间根据您可能发送的一个文件设置mimeType，而不是根据您实际发送的文件设置它。这将导致您可能发送的任何非 HTML 文件（例如 CSS 或 JS 文件）带有误导性的 Content-Type 标头。您需要检查内部您的请求处理程序。

【讨论】：

是的，这解决了我的问题。非常感谢！我想我没有完全理解我的请求处理程序做了什么。现在让欢乐时光开始吧！