Jade templating « chaque » retour de la fonction objet vide

Question

J'ai eu un bug qui a été mise sur écoute-moi pendant des jours. Je suis assez nouveau pour noeud et le système de Jade templating donc garder avec moi: Je suis à la recherche d'ajouter des feuilles de style de la façon suivante:

app.js (Express):

app.get('/', loadUser, function(req, res) {
 var User = req.user;
 // console.log(User.groups[2]);
 // var groups = User.groups.split(',');
 // OK DUh. This only gets called when the client has the script Socket.IO
 // and client runs socket.connect()

 getMessages(User, function(messages) {

  var locals = {
   scripts: [
    'https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js',
    'index.js'
   ],

   stylesheets: [
    'index.css'
   ],

   user : User,
   messages: messages
  };

  console.log('ok');

  res.render('app.jade', {locals : locals});

 });

});

Dans layout.jade (qui est exécuté avec app.jade) J'ai:

!!! 5
html
 head
  title UI
  link(rel='stylesheet', href = 'stylesheets/reset.css')
  link(rel='stylesheet', href = 'stylesheets/layout.css')
  - var stylesheets = stylesheets || [];
            #{stylesheets}
  - each stylesheet in stylesheets
   - if(stylesheet.indexOf('http') >= 0)
    link(rel='stylesheet', href = stylesheet)
   - else
    link(rel='stylesheet', href = "stylesheets/"+stylesheet )

De plus en plus ... Je continue à courir dans la même erreur:

9. ' - if(stylesheet.indexOf(\'http') >= 0)'

Object function () {
  var o = {}, i, l = this.length, r = [];
  for(i=0; i
  for(i in o) r.push(o[i]);
  return r;
} has no method 'indexOf'

.. Gotcha est que cela fonctionne exactement de modèle dans une autre application qui passe dans les mêmes variables exactes: J'apprécierais vraiment des suggestions les gars que vous avez sur cette question épineuse

Merci! Matt Mueller

Answer 1

Alors, voici votre problème ...

dans cette ligne:

res.render('app.jade', {locals : locals});

vous passez dans les locaux ==> les habitants, ce qui est un hachage (ok, donc je suis un gars de PERL, je pense que JS les appelle « tableaux associatifs »)

Alors maintenant dans votre modèle de jade, nous avons la ligne:

 - var stylesheets = stylesheets || []; 

à l'intérieur JADE, vous avez défini la variable « population locale », mais tout le reste est caché sous que, si la variable « » n'est pas les feuilles de style définies (locals.stylesheets est défini à la place). Donc, cette ligne de code définit la variable « à » feuilles de style « [] »

Alors, voici où je dois spéculer. « IndexOf » est une méthode de l'objet Array. Peut-être des tableaux construits à l'intérieur JADE n'ont pas cette méthode alors que les tableaux construits dans Node.js ont cette méthode. Ce qui expliquerait pourquoi vous obtenez une erreur en essayant d'appeler « stylesheets.indexOf (...) »