Tengo un problema extraño. Estoy creando mi aplicación donde tengo un par de páginas. Normalmente se ve bien: 
Pero esto es lo que sucede cuando recargo la página:
Como puede ver, presioné Ctrl + A solo para mostrarle que hay un texto. La segunda recarga no ayuda. Mi aplicación está hecha en VueJS + NuxtJS . ¿Alguien conoció eso?
Aquí está HTML, si puede ser útil:
<template> <div> <SideBar :subpages='subpages' @clicked="filterByDate" /> <div class='blog-header'> <div class='search-div'> <input class='search-field' placeholder='Search...'> </div> </div> <div class='post-content'> <div v-if='$route.params.id'> <h1 class='big-text post-title'>{{ post.title }}</h1> <h1 class='big-text post-title'>{{ post }}</h1> </div> <div v-else> <div v-for='title in categoriesAndPretitles' :key='title.section'> <div v-if='$route.params.category === title.section'> <h1 class='big-text post-title'>{{title.title}}</h1> <p class='description-text'>{{title.text}}</p> </div> </div> <div v-for='p of posts' :key='p.id'> <div class='post-preview' @click='toPost(p.id, p.type)'> <div class='post-preview-img'></div> <div class='post-preview-content'> <p>{{ p.title }}</p> <p class='plot'>{{ p.plot }}</p> <p class='date'>{{ p.created_at }}</p> </div> </div> </div> </div> </div> <!-- <Footer />--> </div> </template>En realidad, la respuesta es un poco tonta, porque se trata de estilos. Quiero decir, los estilos no se importaron correctamente. Para la página principal tengo este estilo:
body { margin: 0; background-color: #181919; }Y por alguna razón este estilo también funcionó, por lo que no importé archivos con este estilo. Y después de recargarlo, pero ahora, solo con importarlo funciona bien: p