2017-02-17 7 views
8

Я пытаюсь создать простой макет с использованием CoffeeScript, NodeJS и expressJS. Мой кофе сценарийnodejs View not rending in Layout

routes.coffee я переименовал папку маршрутов приложений и мой файл routes.coffee находится там в папке аутентификации т.е. apps\authentication\routes.coffee

routes = (app) -> 
    app.get "/login", (req , res) -> 
    res.render "#{__dirname}/views/login", 
     title: 'Login', 
     stylesheet: 'login' 
module.exports = routes 

Войти Просмотр Я переименовал папку маршрутов для приложений и с моей точки зрения входа в там в папке аутентификации, т.е. apps\authentication\views\login.jade

extends ../../../views/layout 

block content 
form(action='/sessions', method='post') 
    label 
     | Username 
     input(type='text', name='user') 
    label 
     | Password 
     input(type='password', name='password') 
    input(type='submit', name='Submit') 

Layout.jade Этот файл находится в папке просмотра по умолчанию. Я использую раскладку по умолчанию

doctype 
html 
    head 
    title= title 
    body 
    #content 
     h1= title 
     block content 

    != body 

app.js

require('coffee-script').register(); 
var express = require('express'); 
var path = require('path'); 
var favicon = require('serve-favicon'); 
var logger = require('morgan'); 
var cookieParser = require('cookie-parser'); 
var bodyParser = require('body-parser'); 

//var index = require('./routes/index'); 
//var users = require('./routes/users'); 

var app = express(); 

// view engine setup 
// app.set('views', path.join(__dirname, 'views')); 
app.set('view engine', 'jade'); 
// app.set('view options', { layout: 'views/layout' }); 
// uncomment after placing your favicon in /public 
app.use(favicon(path.join(__dirname, '/public', 'favicon.ico'))); 
app.use(logger('dev')); 
app.use(bodyParser.json()); 
app.use(bodyParser.urlencoded({ extended: false })); 
app.use(cookieParser()); 
app.use(express.static(path.join(__dirname, '/public'))); 
// app.use(express.static('public')); 
app.set('view options', { 
    layout: false 
}); 
//app.use('/', index); 
//app.use('/users', users); 

require('./apps/authentication/routes')(app); 

// catch 404 and forward to error handler 
app.use(function(req, res, next) { 
    var err = new Error('Not Found'); 
    err.status = 404; 
    next(err); 
}); 

// error handler 
app.use(function(err, req, res, next) { 
    // set locals, only providing error in development 
    res.locals.message = err.message; 
    res.locals.error = req.app.get('env') === 'development' ? err : {}; 

    // render the error page 
    res.status(err.status || 500); 
    res.render('error'); 
}); 

module.exports = app; 

Я создал две переменные title и stylesheet в routes.coffee однако, когда я пытаюсь реализовать эти переменные в layout.jade т.е. титул, я получаю undefined как заголовок в заголовке.

Помогите пожалуйста?

Спасибо.

+0

Вы нашли источник проблемы? Потому что я пытаюсь отразить эту ситуацию, и я не сталкиваюсь с вашей проблемой. – piotrbienias

+0

нет, я на том же уровне. – Aqdas

+0

Привет @Aqdas, вы получаете какие-либо следы назад или ошибки в консоли? – Lissy

ответ

1

Я думаю, что вы не использовали отступ правильно. В вашем Вход это:

extends ../../../views/layout 

block content 
form(action='/sessions', method='post') 
    label 
     | Username 
     input(type='text', name='user') 
    label 
     | Password 
     input(type='password', name='password') 
    input(type='submit', name='Submit') 

должно быть:

extends ../../../views/layout 
block content 
    form(action='/sessions', method='post') 
    label 
     | Username 
     input(type='text', name='user') 
    label 
     | Password 
     input(type='password', name='password') 
    input(type='submit', name='Submit') 
+0

Спасибо @Geethu. – Aqdas

+0

Удовольствие @Aqdas –