pug - mejor - Jade: falta espacio antes del texto para la línea x del archivo de jade

cual es el mejor formato para escanear

Question

Estoy haciendo una aplicación web basada en Express y cada vez que alguien visita este archivo de jade, aparece el siguiente error:

Warning: missing space before text for line 28 of jade file "C:/x/app/view
s/login.jade"

También lo escupe algunas veces por cada línea en la que sucede.

Eché un vistazo a estas líneas y no puedo entender de qué se está quejando.

Mi archivo de jade es el siguiente:

doctype html
html
head
meta(charset=''utf-8'')
link(href=''style.css'', rel=''stylesheet'')
body
.wrapper
header.header
a(href="/", style="color: #000000;")
h1(style="position: absolute; top: 30px;") Hello
.middle
.container
main.stream
p Login
main.name
form(id="login", method="POST", action="/login")
table(cellspacing="15")
tr
td Email
td
input(type=''email'', name=''email'' style="width: 250; height: 18px; border: 1px solid #999999; padding: 5px;")
tr
td Password
td
input(type=''password'', name=''password'' style="width: 250; height: 18px; border: 1px solid #999999; padding: 5px;")
tr
td
input(style="width:75px;height:30px;", type="submit", value="Login")
aside.left-sidebar
main.dir
a(href="/") Home
main.dir
a(href="/signup") Register
footer.footer
h3 Hello
p This is a footer

Answer 1

Alternativamente, usted puede tener este problema si tiene algo así ...

/t /t p Foo
/t /t p /t Foo

La respuesta anterior también generó este error, por lo que técnicamente estamos en lo cierto. ;)

Además, si usas vim. Puedes ver espacios haciendo,

:set hlsearch
/ /

Answer 2

En el uso de Jade | cuando empiezas con solo texto

mal ->

td
{{anything}}
br
Hello

correcto ->

td
| {{anything}}
br
| Hello

Answer 3

Obtuve este error al usar la sintaxis! {} Y obtuve un rendimiento extra:

.row
!{marked(val)}

debiera ser:

.row !{marked(val)}

Answer 4

Por qué este problema ocurre incluso cuando todo tu jade parece válido se resalta en este problema de github . Citando del tema original en sí:

La advertencia es porque !{} Y #{} son para la interpolación dentro del texto. es decir, debe estar en (lado) un texto (bloque) para comenzar. Deberías usar = y != Para almacenar las expresiones de JavaScript.

Esto significa que !{} Y #{} solo deben usarse si está interpolando dentro de un bloque de texto existente. Algo así como la interpolación #{} coffee-script aquí:

a = "Hi #{name}!"

se traduce a (en javascript)

a = "Hi " + name + "!";

Por lo tanto, en Jade también, usarás !{} Y !{} Dentro de un texto en ejecución (un párrafo o una cadena). Para simplemente generar una cadena desde una variable sin iniciar explícitamente un nuevo bloque de texto, usaría = o != .

.row
!= marked(val)
.another-row
= marked(val)

Una alternativa sería comenzar explícitamente un nuevo bloque de texto como tal:

.row
| !{marked(val)}
.another-row
| #{marked(val)}

Answer 5

Tomé su código y lo copié en Notepad ++ con View Whitespace on.

La línea 28 tiene 4 espacios adicionales al final (se muestran como guiones aquí):

input(style="width:75px;height:30px;", type="submit", value="Login")----

Además, la línea 34 tiene varios espacios adicionales después de "Registrarse" también.

Answer 6

esto también puede ser causado por el uso de pestañas en lugar de espacios

div(attr="val")[/t]text

o por /t caracteres en los extremos de las líneas