未捕獲的SyntaxError：意外的令牌<jquery.min.js：1

Question

我正在嘗試爲nodejs項目使用bower並安裝jquery + bootstrap。但我總是得到主題錯誤。我不知道什麼是錯的。

的代碼是在這裏：

jsfiddle.net/valsaven/8d6e03um/ 

文件夾結構：

聊天：

• bower_components
• node_modules
• app.js
• 的index.html

Answer 1

問題是你的後端代碼，在那裏你所服務的要求，而不是在前端。

var app = http.createServer(function(req, res) { 
    res.writeHead(200, { 
     'Content-type': 'text/html' 
    }); 
    res.end(index); 
}); 

此代碼執行的所有請求，包括js和css文件。因此，您將在js請求中獲得index.html的內容。因此，Javascript引擎在解析包含html<標籤的文件時顯示錯誤。

可能的解決方案是定義特定的路線。

var http = require('http'), 
fs = require('fs'), 
path = require('path'), 
express= require('express'), 
index = fs.readFileSync(__dirname + '/index.html'); 

var app = express(); 
var server = require('http').Server(app); 
var io = require('socket.io')(server); 

app.use('/bower_components', express.static('bower_components')); 

app.get('/', function(req, res){ 
    res.writeHead(200, { 
     'Content-type': 'text/html' 
    }); 
    res.end(index); 
}); 

server.listen(3000, function() { 
    console.log('Server listening on port 3000'); 
});