Fatal编程技术网
  • javascript/
  • Javascript Chrome说“我的朋友，我的朋友。”；资源被解释为样式表，但使用MIME类型text/html“传输；

Javascript Chrome说“我的朋友，我的朋友。”；资源被解释为样式表，但使用MIME类型text/html“传输；

javascript node.js google-chrome socket.io

Javascript Chrome说“我的朋友，我的朋友。”；资源被解释为样式表，但使用MIME类型text/html“传输；,javascript,node.js,google-chrome,socket.io,mime-types,Javascript,Node.js,Google Chrome,Socket.io,Mime Types,我正在尝试使用node.js（无express）和socket.io建立一个简单的聊天。问题是Chrome卡在html文件中的外部包含上，导致这些文件从未被包含。我包括一个ccs文件和三个javascript文件。正如在Stackoverflow上对其他相关问题的回答中所建议的那样，我通过要求MIME模块并使用MIME.lookup（url），即“text/html”，来检查文档的MIME类型。我专门将返回的标题设置为“Content-Type”：“text/html”，甚至将其设置为“text

我正在尝试使用node.js（无express）和socket.io建立一个简单的聊天。问题是Chrome卡在html文件中的外部包含上，导致这些文件从未被包含。我包括一个ccs文件和三个javascript文件。正如在Stackoverflow上对其他相关问题的回答中所建议的那样，我通过要求MIME模块并使用
MIME.lookup（url）
，即“text/html”，来检查文档的MIME类型。我专门将返回的标题设置为
“Content-Type”：“text/html”
，甚至将其设置为“text/css”和“text/javascript”都没有用。到目前为止，我不知道下一步该做什么。请帮忙

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>
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);
    });
});
这是我第一次在这里发帖，请告诉我是否还有其他内容可以帮助您解决这个问题。

您在初始化过程中根据您可能发送的一个文件设置了
mimeType
，而不是根据实际发送的文件进行设置。这将导致您可能发送的任何非HTML文件（例如CSS或JS文件）带有误导性的内容类型标题。您需要在您的请求处理程序中进行检查。

这之前已经得到了回答

我建议使用connect或express framework。让你的工作更轻松。

是的，这解决了我的问题。非常感谢！我想我没有完全理解我的请求处理程序做了什么。现在，让欢乐时光开始吧！是的，我在www上看到很多人都在使用express。我想有一天我也会坐上那趟火车，但我想先确保我明白所有的。。。 
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);
    });
});