2017-02-22 3 views
0

Ich mache eine kleine Node-Web-App mit Express. Aber ich bekomme Fehler, wenn meine EJS-Dateien else-Anweisungen enthalten. Wenn das nicht klar ist, ist hier ein MWE:.ejs-Datei wird nicht gerendert, wenn sie else-Anweisungen enthält

pages/test.ejs:

<html> 
<head></head> 
<body> 
    <% var foo = "x"; %> 
    <% if (2==3) {foo = "y";} %> 
    <% else {foo = "z";} //If I delete this line, everything works %> 

    <%= foo %> 
</body> 
</html> 

index.js:

var express = require('express'); 
var app = express(); 
app.set('port', (process.env.PORT || 5000)); 
app.set('views', __dirname + '/pages'); 
app.set('view engine', 'ejs'); 
app.get('/test/', function(request, response) { 
    response.render("test"); 
}); 

Wenn ich dann versuchen, localhost zu besuchen: 5000/Test, I sehen nur diese Fehlermeldung:

SyntaxError: Unexpected token else in C:\path\to\my\files\pages\test.ejs while compiling ejs

If the above error is not helpful, you may want to try EJS-Lint: https://github.com/RyanZim/EJS-Lint at new Function() at Template.compile (C:\path\to\my\files\node_modules\ejs\lib\ejs.js:524:12) at Object.compile (C:\path\to\my\files\node_modules\ejs\lib\ejs.js:338:16) at handleCache (C:\path\to\my\files\node_modules\ejs\lib\ejs.js:181:18) at tryHandleCache (C:\path\to\my\files\node_modules\ejs\lib\ejs.js:203:14) at View.exports.renderFile [as engine] (C:\path\to\my\files\node_modules\ejs\lib\ejs.js:412:10) at View.render (C:\path\to\my\files\node_modules\express\lib\view.js:126:8) at tryRender (C:\path\to\my\files\node_modules\express\lib\application.js:639:10) at Function.render (C:\path\to\my\files\node_modules\express\lib\application.js:591:3) at ServerResponse.render (C:\path\to\my\files\node_modules\express\lib\response.js:960:7)

Aber wenn ich die <% else {foo = "z"} %> Linie löschen, alles funktioniert perfekt! Was gibt?

Antwort

1

Dies sollte für Sie

<html> 
<head></head> 
<body> 
    <% var foo = "x"; %> 
    <% if (2==3) {foo = "y";} else {foo = "z";} %> 
    <%= foo %> 
</body> 
</html> 

arbeiten oder wenn Sie es in separaten Leitungen brauchen

<html> 
<head></head> 
<body> 
    <% var foo = "x"; %> 
    <% if (2==3) {foo = "y";} else { %> 
    <% foo = "z";} %> 
    <%= foo %> 
</body> 
</html> 
0

Sie können die Vorlage von einem eigenständigen Skript versuchen und kompilieren:

const ejs = require('ejs'); 

console.log(ejs.compile(` 
<html> 
    ... 
</html> 
`, { debug : true })); 

Mit dem debug option Set können Sie sehen, worauf das Template kompiliert wird:

var __output = [], __append = __output.push.bind(__output); 
    with (locals || {}) { 
    ; __append("\n<html>\n<head></head>\n<body>\n ") 
    ; var foo = "x"; 
    ; __append("\n ") 
    ; if (2==3) {foo = "y";} 
    ; __append("\n ") 
    ; else {foo = "z";} 
    ; __append("\n\n ") 
    ; __append(escapeFn(foo)) 
    ; __append("\n</body>\n</html>\n") 
    } 
    return __output.join(""); 

Beachten Sie, wie ; __append() zwischen dem ifelse und der Linie, brechen die die Syntax von if() { ... } else { ... } eingesetzt ist.

Für eine Lösung werde ich auf die Antwort von @ Ponury-Kostenk aufgeschoben.