2013-07-20 2 views
0

나는 express와 charlotte를 사용하여 앱을 제작하려고합니다. 내 HTML 파일을 렌더링하는 데 ejs를 사용하고 있습니다. 나는 CSS를위한 트위터 부트 스트랩을 가지고있다. 어떤 이유로이를 위해 내 HTML을 명시 적으로 업데이트되지 않습니다처럼 나에게익스프레스 앱에서 내 탭의 다른 탭이 표시되지 않는 이유는 무엇입니까?

<div class="navbar navbar-fixed-top"> 
    <div class="navbar-inner"> 
    <div class="container"> 
     <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> 
     <span class="icon-bar"></span> 
     <span class="icon-bar"></span> 
     <span class="icon-bar"></span> 
     </a> 
     <a class="brand" href="#"><img src="./img/MySpending.png"></a> 
     <div class="nav-collapse"> 
     <ul class="nav"> 
     <li ><a href="./login.html">Log in/out</a></li> 
      <li class="active"><a href="#">Daily</a></li> 
     <li ><a href="./monthly.html">Monthly</a></li> 
      <li ><a href="./yearly.html">Yearly</a></li> 
     </ul> 
     </div><!--/.nav-collapse --> 
    <div class='navbar_form pull-right'> 

     </div> 
    </div> 
    </div> 

는 것 같다. 그 도움이된다면

여기에 명시 내 app.js있어 : 그래서

var express = require('express'); 

var conf = require('./conf'); 

var everyauth = require('everyauth') 
    , Promise = everyauth.Promise; 

everyauth.debug = true; 

var mongoose = require('mongoose') 
    , Schema = mongoose.Schema 
    , ObjectId = mongoose.SchemaTypes.ObjectId; 

var UserSchema = new Schema({}) 
    , User; 

var mongooseAuth = require('mongoose-auth'); 

var path = require('path'); 

UserSchema.plugin(mongooseAuth, { 
    everymodule: { 
     everyauth: { 
      User: function() { 
      return User; 
      } 
     } 
    } 
    , password: { 
     loginWith: 'email' 
     , extraParams: { 
      phone: String 
      , name: { 
       first: String 
       , last: String 
      } 
     } 
     , everyauth: { 
      getLoginPath: '/login' 
      , postLoginPath: '/login' 
      , loginView: 'login.jade' 
      , getRegisterPath: '/register' 
      , postRegisterPath: '/register' 
      , registerView: 'register.jade' 
      , loginSuccessRedirect: '/' 
      , registerSuccessRedirect: '/' 
     } 
    } 
    , google: { 
     everyauth: { 
      myHostname: 'http://localhost:3000' 
     , appId: conf.google.clientId 
     , appSecret: conf.google.clientSecret 
     , redirectPath: '/' 
     , scope: 'https://www.google.com/m8/feeds' 
     } 
    } 
}); 
// Adds login: String 

mongoose.model('User', UserSchema); 

mongoose.connect('mongodb://localhost/mydb'); 

User = mongoose.model('User'); 

var app = express();/*express.createServer(
    express.bodyParser() 
    , express.static(__dirname + "/public") 
    , express.cookieParser() 
    , express.session({ secret: 'esoognom'}) 
    , mongooseAuth.middleware() 
);*/ 

app.configure(function() { 
    app.set('views', __dirname + '/views'); 
    app.set('view engine', 'ejs'); 
    app.engine('html', require('ejs').renderFile); 
    app.use(express.static(path.join(__dirname, 'public'))); 
}); 


app.get('/', function (req, res) { 
    res.render('index.html'); 
}); 
app.get('/monthly', function (req, res) { 
    res.render('monthly.html'); 
}); 
app.get('/yearly', function (req, res) { 
    res.render('yearly.html'); 
}); 

/*app.get('/logout', function (req, res) { 
    req.logout(); 
    res.redirect('/'); 
});*/ 

mongooseAuth.helpExpress(app); 

app.listen(3000); 

는 현재 탐색 메뉴에서 하나의 탭으로 이전 버전을 렌더링하기 때문에 내가 업데이트에서보기를 유지 있는지 확실하지 않다 . 어떤 도움이라도 대단히 감사하겠습니다.

답변

0

내 공용 폴더에서 익스프레스가 뷰 폴더를 렌더링하도록 선택하는 ejs를 가지고 있었지만 제거했는데 모든 것이 이제는 잘 작동한다는 것이 문제가되었습니다.

관련 문제