11528 sujets

JavaScript, DOM et API Web HTML5

Bonjour à tous je suis entrain de rencontre une erreur :"SyntaxError: Unexpected identifier in /Users/Moi/Documents/serveurNodeJS/livreOrd/views/pages/index.ejs while compiling ejs"

en gros mon index.ejs ne s'affiche pas
Je ne sais pas ou est l'erreur ni ce qui fonctionne mal je suis le tuto de : " https://youtu.be/Q8wacXNngXs " , j'en suis à 14min.

Voici mon code de mon server.js
let express = require('express')

let app = express()

app.set('view engine', 'ejs')

app.use('/assets',express.static('public'))

app.get('/', (request, reponse) =>{

    reponse.render('pages/index', {test: 'salut'})

})

app.listen(8080)


Merci pour votre aide (ps: je débute le js)
Modifié par Pasla (30 Nov 2020 - 11:47)
Modérateur
Bonjour,

Il semble que l'erreur soit dans le script "index.ejs" que tu ne nous montres pas.

Amicalement,
effectivement
inder.ejs:
<% include header %>

<form action="/" method="post" class="ui form">
    <div class= "field">

        <label for="message">Message</label>

        <textarea name="message" id="message" ></textarea>
    </div>
    <button type="submit" class="ui blue labeled submit icon button">
        <i class="icon edit"></i>Envoyer
    </button>
</form>
<%include footer%>
    

header.ejs
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
        <link rel="stylesheet" href="/assets/semantic/semantic.min.css">

    </head>
        

    <body>
        <div class="ui fixed inverted menu">
            <a href="/" class="header item">Accueil</a>
        </div>
       <div class="ui main container">

Footer.ejs
</div>
</body>


</html>

j'utilise semantici
Modérateur
Bonjour,

La video est ancienne. Certaines syntaxes ont changé, et ça dépend de la version de ejs que tu utilises.

Si c'est la dernière, essaie (pour les lignes où tu inclus le header et le footer) :
<%- include('header.ejs') %>

et
<%- include('footer.ejs') %>


Voir le fichier LivreOr/node_modules/ejs/README.md qui est une sorte de documentation du module ejs.

Amicalement,
Modifié par parsimonhi (30 Nov 2020 - 16:39)
Yes ça marche, j'avais trouvé quelque chose comme ça mais je n'étais pas sur.

Enfin j'ai juste la page qui s'affiche sans le css, mais un problème de résolu chaque chose en son temps.

Comme disait un de mes profs :"diviser pour mieux reigner"