2016-10-31 6 views
1

返しI持って自分のアプリケーションの反応については、以下server.jsファイル:私は "http://localhost:8080/" は画面に何も表示されヒット時にExpressとノードアプリがエラー

var express = require('express'); 
var path = require('path'); 
var port = process.env.PORT || 8080; 
var app = express(); 

app.use(express.static('src/client/')); 

app.get('*', (req, res) => { 
    res.sendFile(path.resolve(__dirname + '/src/client/index.html')) 
}); 

app.listen(port); 
console.log('server started'); 

index.htmlを

<!DOCTYPE html> 
<html> 
    <head> 
    <meta charset="utf-8"> 
    <title></title> 
    <link rel="stylesheet" href="css/foundation.min.css"> 
    <link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet"> 
    <link rel="stylesheet" href="css/font-awesome.min.css"> 
    <link rel="stylesheet" href="css/style.css"> 
    <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick.min.css" /> 
    <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick-theme.min.css" /> 
    </head> 
    <body> 
    <div id="app" /> 
    <script src="bundle.js" type="text/javascript"></script> 
    </body> 
</html> 

と私はコンソールエラー(Uncaught SyntaxError:予期しないトークン<)を持っていますが、すべてのcssファイルとjsファイルに簡単にアクセスできます。 "http://localhost:8080/css/style.css"を押すと、スタイルシートが表示されます。

+0

index.htmlファイルに問題がある可能性があります。 – str

+0

更新されました.... – Alex

+0

コマンドラインに 'curl http:// localhost:8080'と入力したときの結果はどうなりますか? – str

答えて

0

私は次のように更新しています

app.get('*', (req, res) => { 
    res.sendFile(path.resolve(__dirname + '/src/client/index.html')) 
}); 

から

app.get('/', (req, res) => { 
    res.sendFile(path.resolve(__dirname + '/src/client/index.html')) 
}); 
0

if you want to redirect to other file then do like that and will render signup.html when u call like "http://localhost:8080/signup

var app = require('express')(); 
app.get('/signup',function(req,res){ 

res.sendFile(path.join(__dirname+'/src/client/signup.html'));}); 

if you want to home page mean get request from same directory do like that so this will render when request like this "http://localhost:8080/

var app = require('express')(); 
app.get('/',function(req,res){ 

res.sendFile(path.join(__dirname+'/src/client/index.html'));}); 
関連する問題