2016-05-21 3 views
0

expressとexpress-handlebarsパッケージがインストールされたノードを使用してページを作成しています。私はボタンをクリックしてページにジャンプすることができる私のすべてのページにメニューを作成しようとしています。私の最初の2つのハイパーリンクは、私はaboutMeページとテストページを追加することを決めたときに、彼らは両方の404 ファイル構造に私のstatic.js上Expressハンドルバーページが404にルーティングされています

static.js

| 
Views 

    ---home.handlebars 
    ---404.handlebars 
    ---other-page.handlebars 
    ---aboutMe.handlebars 
    ---testing.handelbars 
    Layouts 
    | 
     main.handlebars 

コードをリダイレクトし、うまく働きました ホーム 他のページ について テスト

:イムのリンク私のmain.handlebarsから

var express = require('express'); 

var app = express(); 
var handlebars =require('express-  handlebars').create({defaultLayout:'main'}); 
var bodyParser = require('body-parser'); 

app.use(bodyParser.urlencoded({extended:false})); 
app.use(bodyParser.json()); 

app.engine('handlebars', handlebars.engine); 
app.set('view engine', 'handlebars'); 
app.set('port', 3000); 

app.get('/', function(req,res){ 
     res.render('home'); 
} 

app.get('/other-page', function(req,res){ 
    res.render('other-page'); 
}); 

app.get('/aboutMe', function(req,res){ 
    res.render('aboutMe'); 
}); 

app.get('/testing', function(req,res){ 
    res.render('testing'); 
}); 

app.use(function(req,res){ 
    res.status(404); 
    res.render('404'); 
}); 

app.use(function(err,req,res,next){ 
    console.error(err.stack); 
    res.type('plain/text'); 
    res.status(500); 
    res.render('500'); 
}); 

app.listen(app.get('port'), function(){ 
    console.log('Express started on http://localhost:' + app.get('port') +'; press Ctrl-C to terminate.'); 
}); 

スニペット

+0

スニペット: Home Other-Page About Testing Jamanji

+0

、あなたの質問に多くのコードを追加したい場合は、「編集」リンクの代わりに、それをコメントをご使用ください。あなたがコメントしたことは、読むのが非常に難しいです。 –

答えて

1

私は、頭を悩まして何時間もしてから、私の問題を解決しました。私はノードが永続的にstatic.js上で動作していたことに気がつきました。ファイルに変更を加えましたが、それらが停止してstatic.js上のノードを再起動するまでは発生しませんでした。私main.handlebarsどこイムのリンクから:)

関連する問題