奇妙な問題が発生しています。Express.js アプリ (現在、ホーム、概要、連絡先の 3 つのページがあります) でページ間を移動すると、ページが空白で表示されます。Mac でハード リフレッシュ (Shift コマンド R) を実行した場合にのみ、すべてのアセットが読み込まれます。Chrome 開発ツールの [ネットワーク] タブを見ると、アセットが読み込まれているように見えますが、読み込まれていません。 404 を参照してください。
これは、私が何を扱っているかを確認するためのアプリ ディレクトリのスクリーンショットです: http://d.pr/i/lQlV
また、ここに私の app.js ファイルがあります:
var express = require('express')
, partials = require('express-partials')
, app = express();
app.configure(function() {
app.set('title', ' | ToDo App');
app.set('view engine', 'ejs');
app.use(express.static(__dirname + '/public'));
app.set('views', __dirname + '/views');
app.use(partials());
});
app.get('/', function(request, response, next) {
response.render('index', { title: "Home" + app.get('title') });
});
app.get('/home', function(request, response, next) {
response.redirect('/');
});
app.get('/about', function(request, response) {
response.render('about', { title: "About" + app.get('title') });
});
app.get('/contact', function(request, response) {
response.render('contact', { title: "Contact" + app.get('title') });
});
app.use(function(request, response){
response.render('404', { title: "404" + app.get('title') });
});
app.listen(3000);