Node.js-样式没有't应用于页面&谷歌Chrome表示:未捕获语法错误:意外的令牌<
Node.js - Styles doesn't apply to page & Google Chrome says: Uncaught SyntaxError: Unexpected token <
我开始学习node.js,并停留在一开始。我曾多次试图解决这个问题,但都没有成功。我在谷歌上搜索,堆叠浏览,发现了像我这样的问题。但不完全是这样,否则解决方案对我不起作用。请帮帮我!
我有一个简单的index.html文件,内容如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>SimpleApp</title>
<link rel="stylesheet" type="text/css" href="styles/default.css" />
</head>
<body>
Hello, Node!
<script src="js/application.js"></script>
</body>
</html>
这里是server.js文件中的一个简单服务器:
var http = require('http');
var mime = require('mime');
var fs = require('fs');
var server = http.createServer(function(request, response) {
fs.readFile('./index.html', function(error, data) {
if(error) {
response.writeHead(404, {'Content-Type' : 'text/html'});
response.end('<h1>File <index.html> not found.</h1>');
} else {
var contentType = undefined;
if(request.url === '/') {
contentType = 'text/html';
} else {
contentType = mime.lookup(request.url);
}
response.writeHead(200, {'Content-Type' : contentType});
response.end(data);
}
});
});
server.listen(8000, function() {
console.log('Server started.');
})
在我启动服务器后,样式不适用于页面&谷歌Chrome表示:未捕获语法错误:意外的令牌<
我知道fs.readFile回调内部的问题,其他内部的问题是什么?
这里有一个解决方案(需要重构):
server.js
var http = require('http');
var mime = require('mime');
var fs = require('fs');
var server = http.createServer(function(request, response) {
var filePath = undefined;
var contentType = undefined;
switch(request.url) {
case '/':
filePath = './index.html';
contentType = 'text/html';
break;
case '/styles/default.css':
filePath = './styles/default.css';
contentType = mime.lookup(request.url);
break;
case '/js/application.js':
filePath = './js/application.js';
contentType = mime.lookup(request.url);
break;
default:
filePath = request.url;
contentType = mime.lookup(request.url);
}
fs.readFile(filePath, function(error, data) {
response.writeHead(200, {'Content-Type' : contentType});
response.end(data);
});
});
server.listen(8000, function() {
console.log('Server started.');
});
相关文章:
- React中的数据集表示
- 铬:“;未捕获的语法错误:意外的标记:"
- jQuery语法添加了var
- Javascript未捕获语法错误意外的标识符错误
- 为什么忽略了eval()代码中的语法错误
- 难以访问的JS环境中的语法错误
- 如何告诉MathJax对下标使用替代语法
- Javascript语法向设置发出sessionStorage值
- 未捕获的语法错误:意外的标记{
- 使用$scope方法时的ControllerAs语法
- "未捕获的语法错误:意外的标记}"
- javascript自执行函数-不同的语法
- 函数的Javascript语法
- WinJS内联绑定语法
- 使用JS函数来使用另一个函数的语法?node.js
- 未捕获的语法错误:无法在“文档”上执行“查询选择器”
- 需要帮助理解 JavaScript 语法和表示法
- Node.js-样式没有't应用于页面&谷歌Chrome表示:未捕获语法错误:意外的令牌<
- 在 JavaScript 语法中使用具有多个点表示法的点表示法
- 使用对象文字表示法创建对象的有效Javascript语法是什么?